<template>
	<view>
		<view class="head-fixed">
			<view class="status-bar" :style="{'height': isios ? '90rpx' : '50rpx'}"></view>
			<view class="deatail-head">
				<view class="detail-head-left">
					<uni-icons type="arrowleft" size="22" color="#fff" @click="backPage" />
				</view>
				<text>
					标讯详情
				</text>
				<u-icon name="search" color="#fff" size="28" @click="linkSearch"></u-icon>
				<!-- <view class="share" @click="ToShare">
					<image src="/static/img/Details/share.png" class="share-img"></image>
				</view> -->
			</view>
		</view>
		<scroll-view scroll-y="true" :scroll-into-view="scrollIntoView" :scroll-with-animation="true"
			:style="{ height: `calc(100vh - ${safeBottom}px)` }" class="page-scroll">
			<view class="detatil-content" :style="{paddingBottom:(safeBottom+80)+'px'}">
				<view class="detail_top" id="guidePopup">
					<view class="detail-title" @longpress="copyText(detailData.title)">{{detailData.title}}
						<view class="detail-type-list fujian" style="color: #6C717E;" v-if="detailData.fujian==2"
							@tap="scrollToTitle">
							<image src="/static/fujian.png" mode="widthFix"></image><text>附件</text>
						</view>
						<!-- <view class="fujian_tips">
							详情见附件
						</view> -->
					</view>
					<view class="detail-type">
						<!-- <image src="/static/img/home/zb-icon.png"></image> -->
						<view class="detail-type-list leibie" style="color: #106CFF;">
							{{detailData.typeStr}}
						</view>
						<!-- <image style="margin-right: 4rpx;" src="/static/img/home/diqu-icon.png"></image> -->
						<view class="detail-type-list diqu" style="color: #6C717E;">
							{{detailData.diqu}}
						</view>
						<!-- <image src="/static/img/home/time-icon.png"></image>  -->
						<view class="detail-type-list shijian" style="color: #6C717E;">
							{{detailData.time}}
						</view>
						<view class="detail-type-list" style="color: #4fd40c;" v-if="detailData.fujian==1"
							@click="scrollToTitle">
							<image src="/static/img/biaoshu.png"></image>标书
						</view>
					</view>
				</view>
				<!-- 遮罩层 -->
				<view v-if="isHighlight" class="mask"></view>
				<view class="company-detail" :class="{'highlight': isHighlight}"
					v-if="haszbordl() && !baseConfig.isIOSshenhe">
					<view style="margin-top: 20rpx;display: inline-block;width: 100%;">
						<!-- 业主 -->
						<view class="company-cell"
							v-if="detailFullData.yezhu!=''&&detailFullData.yezhu!='0' && detailFullData.yezhu!='-'">
							<view class="company-tag yezhuStyle">业主</view>

							<view class="company-text"
								@click.capture="toQiqing(detailData.id,2,detailData.yezhu,detailData.yzcomcode,detailData.yzvcode)">
								<view v-if="detailData.isShow" class="company-name text-ellipsis">
									{{detailFullData.yezhu}}
								</view>
								<view v-else class="company-name text-ellipsis">
									<text style="filter: blur(13px);">{{detailFullData.yezhu}}</text>
								</view>
								<!-- 现有需求，样式先做出来，5.2版本再放开 -->
								<view class="tag-box">
									<u-tag text="查看联系人" bgColor="#eaf2ff" color="#2F7FFF" borderColor="#eaf2ff"
										size="mini"></u-tag>
									<u-tag text="业主分析" plain color="#969B9F" borderColor="#E9E9EB" size="mini"> </u-tag>
								</view>
								<!-- 原样式 -->
								<!-- <view class="company-wz">关注后,可查看相关信息</view> -->
							</view>

							<view class="company-gz" :class="{ 'bg-tag': isguanzhuyz }"
								@click="guanzhu(detailFullData.yezhu,2)">
								{{isguanzhuyz?'已关注':'+ 关注'}}
							</view>
						</view>

						<!-- 供应商 -->
						<view class="company-cell"
							v-if="detailFullData.zhongbiao !='' && detailFullData.zhongbiao!='0' && detailFullData.zhongbiao != '-'">
							<view class="company-tag gongyingStyle">{{isZbhxr?'候选':'供应'}}</view>
							<view class="company-text"
								@click.capture="toQiqing(detailData.id,4,detailData.zhongbiao,detailData.gyscomcode,detailData.gysvcode)">
								<view v-if="detailData.isShow" class="company-name text-ellipsis">
									{{detailFullData.zhongbiao}}
								</view>
								<view v-else class="company-name text-ellipsis">
									<text style="filter: blur(7px);">{{detailFullData.zhongbiao}}</text>
								</view>
								<!-- 现有需求，样式先做出来，5.2版本再放开 -->
								<view class="tag-box">
									<u-tag text="查看联系人" bgColor="#eaf2ff" color="#2F7FFF" borderColor="#eaf2ff"
										size="mini"></u-tag>
									<u-tag text="业主分析" plain color="#969B9F" borderColor="#E9E9EB" size="mini"> </u-tag>
								</view>
								<!-- 原样式 -->
								<!-- <view class="company-wz">关注后,可查看相关信息</view> -->
							</view>
							<view class="company-gz" :class="{ 'bg-tag': isguanzhuzb}"
								@click="guanzhu(detailFullData.zhongbiao,5)">
								{{isguanzhuzb?'已关注':'+ 关注'}}
							</view>
						</view>

						<!-- 代理 -->
						<view class="company-cell"
							v-if="detailFullData.daili!=''&&detailFullData.daili!='0' && detailFullData.daili != '-' ">
							<view class="company-tag dailiStyle">代理</view>
							<view class="company-text"
								@click.capture="toQiqing(detailData.id,1,detailData.daili,detailData.dlcomcode,detailData.dlvcode)">
								<view v-if="detailData.isShow" class="company-name text-ellipsis">
									{{detailFullData.daili}}
								</view>
								<view v-else class="company-name text-ellipsis">
									<text style="filter: blur(7px);">{{detailFullData.daili}}</text>
								</view>
								<!-- 现有需求，样式先做出来，5.2版本再放开 -->
								<view class="tag-box">
									<u-tag text="查看联系人" bgColor="#eaf2ff" color="#2F7FFF" borderColor="#eaf2ff"
										size="mini"></u-tag>
									<u-tag text="业主分析" plain color="#969B9F" borderColor="#E9E9EB" size="mini"> </u-tag>
								</view>
								<!-- 原样式 -->
								<!-- <view class="company-wz">关注后,可查看相关信息</view> -->
							</view>
							<view class="company-gz" :class="{ 'bg-tag': isguanzhudl }"
								@click="guanzhu(detailFullData.daili,1)">
								{{isguanzhudl?'已关注':'+ 关注'}}
							</view>
						</view>
					</view>
					<!-- 注：add by fpli on 20250120 审查代码发现此模块永远不会显示，后期优化时如没用做删除操作 
					和产品确认没有电话了，这个浮层也不用做了
					-->
					<!-- <view class="guideTips" v-show="tipsIsShow">
						<view class="" style="position: relative;">
							<view class="guide_line">
								<image src="/static/guideLine.png" alt="" mode="heightFix" />
							</view>
							<view class="guideInfo">
								<view class="guide_top">
									点击查看企业收录信息
								</view>
								<view class="guide_middle">
									联系方式，企业分析
								</view>
								<view class="guide_bottom">
									合作情况，一看便知

									<view class="confirmBtn" @click="closePop">
										我知道了
									</view>
								</view>
							</view>
						</view>
					</view> -->
				</view>
				<!-- 招标截止时间 -->
				<view class="baoming" v-if="detailData.SysSecond !== 0 && detailData.type == 1">
					<view class="baoming_time">
						
						<!-- <text style="margin: 0 10rpx;">{{ days }}</text>天
						<text style="margin: 0 10rpx;">{{ hours }}</text>时
						<text style="margin-right: 10rpx;margin-left: 10rpx;">{{ minutes }}</text>分
						<text style="margin-right: 10rpx;margin-left: 10rpx;">{{ seconds }}</text>
						 -->
						<u-count-down
						            :time="SysSecond * 1000"
						            format="DD:HH:mm:ss"
						            autoStart
									millisecond
						            @change="onChangeDjs"
						    >
							
						        <view class="time" style="display: flex; justify-content: center; align-items: center;">
								   <view>招标截止时间</view>
						           <text class="time__item"
									style="color:#FE2B2B; margin: 0 10rpx;">{{ timeData.days>=10? timeData.days: timeData.days}}</text>天
									<text class="time__item"
										style="color:#FE2B2B; margin: 0 10rpx;">{{ timeData.hours>=10?timeData.hours:timeData.hours}}</text>时
									<text class="time__item"
										style="color:#FE2B2B; margin: 0 10rpx;">{{ timeData.minutes>=10?timeData.minutes:timeData.minutes }}</text>分
									<text class="time__item"
										style="color:#FE2B2B; margin: 0 10rpx;">{{ timeData.seconds>=10?timeData.seconds:timeData.seconds }}</text>
									
								    <view>详情见正文</view>
								</view>
						    </u-count-down>
						
					</view>
				</view>
				<!-- 预计采购时间 -->
				<view class="baoming2" v-if="detailData.enddate && detailData.type == 2">
					<view class="baoming_time2">
						预计采购时间
						<text style="margin: 0 10rpx;">{{ timeFormat(new Date(detailData.enddate), 'yyyy') }}</text>年
						<text style="margin: 0 10rpx;">{{ timeFormat(new Date(detailData.enddate), 'mm') }}</text>月
						详情见正文
					</view>
				</view>
				<view class="gonggao-title" style="justify-content: space-between;">
					<view style="display: flex; align-items: center;"><text class="gonggao-title-wen">公告详情</text></view>
				</view>

				<!-- 未登录：文档下载链接中后端中传的是：http://**；最多显示6行-->
				<view class="zhengwen" v-if="!isLogin">
					<view v-bind:class="[showMoreBtn?'zhengwen-text-more':'', 'zhengwen-text']">
						<!-- #ifdef APP-PLUS -->
						<!-- <jyf-parser html="heighthtml(detailData.content,false)" style='user-select:text'
							:tagStyle="tagStyle" @imgtap="imgtap" @linkpress="linkpress">加载中...</jyf-parser> -->
						<!-- 新版，是jyf-parser的新版，文档下载时可以显示顶部工具条，老版的显示不 -->
						<mp-html :content="heighthtml(detailData.content,false)" :selectable="true" :tagStyle="tagStyle"
							@imgtap="imgtap" @linktap="linktap">加载中...</mp-html>
						<!-- #endif -->
						<!-- #ifdef APP-HARMONY -->
						<up-parse :content="heighthtml(detailData.content,false)" :selectable="true"
							:tagStyle="tagStyle" @imgtap="imgtap" @linktap="linktap">加载中...</up-parse>
						<!-- #endif -->
					</view>
					<view class="zhengwen-more" v-if="showMoreBtn">
						<view class="zhengwen_mask"></view>
						<!-- 点击：到登录 -->
						<view class="more-btn" @click="ShowMore">
							查看剩余详情>>
						</view>
					</view>
				</view>

				<!-- 已登录，无权限：文档下载链接有值且不是**，可以正常下载；无最多显示6行的限制； -->
				<view class="zhengwen" v-else-if="isLogin&&!isShow">
					<view class="zhengwen-text">
						<!-- #ifdef APP-PLUS -->
						<!-- <jyf-parser v-html="heighthtml(detailData.content,false)" style='user-select:text' 
													:tagStyle="tagStyle" @imgtap="imgtap" @linkpress="linkpress"></jyf-parser> -->
						<!-- 新版，是jyf-parser的新版，文档下载时可以显示顶部工具条，老版的显示不 -->
						<mp-html :content="heighthtml(detailData.content,false)" :selectable="true"
													:tagStyle="tagStyle" @imgtap="imgtap" @linktap="linktap">加载中...</mp-html>
													
						<!-- #endif -->
						<!-- #ifdef APP-HARMONY -->
						<up-parse :content="heighthtml(detailData.content,false)" :selectable="true"
							:tagStyle="tagStyle" @imgtap="imgtap" @linktap="linktap">加载中...</up-parse>
						<!-- #endif -->
					</view>

					<view v-if="!baseConfig.isIOSshenhe" class="noquanxian" @click="shengjihuiyuan" id="gonggaoTitle">
						开通会员，查看全文
					</view>
				</view>

				<!-- 已登录，有权限 -->
				<view class="zhengwen" v-else>
					<view class="zhengwen-text">
						<!-- #ifdef APP-PLUS -->
						<!-- <jyf-parser v-html="heighthtml(detailData.content,false)" style='user-select:text'
													:tagStyle="tagStyle" @imgtap="imgtap" @linkpress="linkpress">加载中...</jyf-parser> -->
						<!-- 新版，是jyf-parser的新版，文档下载时可以显示顶部工具条，老版的显示不 -->
						<!-- 用cleanHtmlContent方法可以清除掉标签中无效的样式 -->
						<mp-html :content="cleanHtmlContent(detailData.content)" :selectable="true" :tagStyle="tagStyle"
							@imgtap="imgtap" @linktap="linktap">加载中...</mp-html>
						<!-- #endif -->
						<!-- #ifdef APP-HARMONY -->
						<up-parse :content="heighthtml(detailData.content,false)" :selectable="true"
							:tagStyle="tagStyle" @imgtap="imgtap" @linktap="linktap">加载中...</up-parse>
						<!-- #endif -->
					</view>

					<view class="baomingdizhi" v-show="detailData.type == 5" @click="baoming('center', 'tip')">报名地址
					</view>
					<view class="baomingdizhi" style="color: #2F7FFF;margin-left: 20rpx;font-size: 26rpx;"
						@click="jiucuoPop">
						<image src="/static/jiucuo.png" mode="widthFix"></image>信息有问题？点我上传问题
					</view>
					<view class="baomingdizhi" style="color: #F60;margin-left: 20rpx;" ref="gonggaoRef" id="gonggaoTitle">
						公告内容如果没有正常显示，请通过“发送至邮箱”查看！</view>
				</view>
				<view v-show="xiazailist.length>0 && !baseConfig.isIOSshenhe" style="background-color: #FFFFFF;    width: 96%;
    margin: 0 2%;">
					<view class="gonggao-title">
						<text class="gonggao-title-wen">附件（查看原件与项目）</text>
						<text class="gonggao-title-download" @click="ToEmail">下载全部</text>
					</view>
					<view class="fujian-box">
						<view class="fujian-cell-list" v-for="(item, index) in xiazailist" :key="index">
							<view class="fujian-list-bd">
								<view class="xiazai_pdf" v-if="item.icon == ' pdf'">
									pdf
								</view>
								<view class="xiazai_doc" v-if="item.icon == ' ysb'">
									doc
								</view>
								<view class="xiazai_xls" v-if="item.icon == ' excel'">
									xls
								</view>
								<!-- 								<view class="xiazai_zip" v-if="item.icon == ' qita'">
									xls
								</view> -->
								<view class="xiazai_qita" v-if="item.icon == ' qita' || item.icon == ' zip'">
									T
								</view>
								<text class="fujian-list-name">{{item.title}}</text>
							</view>
							<view class="fujian-list-hd" @click="downloadClick(xiazailist,index)">
								下载
							</view>
						</view>
					</view>
				</view>
				<view class="apply-fixed" v-if="adImg.length>0 && !baseConfig.isIOSshenhe" :class="{'advShow':isAdv}">
					<image :src="adImg[0].src" class="guanggao-img"
						@click="goToPage(true, adImg[0].type, adImg[0].url)">
					</image>
					<image src="/static/img/Details/guanggao_03.png" class="guanggao-close" @click="adClose"></image>
				</view>
				<!-- 招标进展 -->
				<view class="zbjinzhan" v-if="detailData.jinzhanlist && detailData.jinzhanlist.length > 0"
					:style="{paddingBottom:detailData.jinzhanlist.length>3?'0':'30rpx'}">
					<view class="jinzhan-line">
						<text class="jinzhan-title">招标进展</text>
					</view>
					<!--  -->
					<view style="border-left: 2px solid #eee;margin-left: 40rpx;"
						v-for="(item, index) in (isExpanded ? detailData.jinzhanlist : (detailData.jinzhanlist && detailData.jinzhanlist.slice(0, 3)))"
						:key="index" @click="jinzhanDeatil(item)">
						<view class="zbListInfo">
							<image class="icon-circle" style="width:26rpx;"
								src='https://img.bidcenter.com.cn/uni/icon-dot-active.png' mode="widthFix"></image>
							<view class="jinzhan-time">
								{{item.time}}
							</view>
							<!-- 						<view class="jinzhan-type">
							{{item.type}}
						</view> -->
							<view class="jinzhan-type"
								:class="newsTypeBgMap[item.type2+''] ? newsTypeBgMap[item.type2+''] : 'redTag'">
								{{item.type}}
							</view>
							<view class="jinzhan-gonggao" v-if="index === 0">
								当前公告
							</view>
							<view class="jinzhan-content">
								{{item.title}}
							</view>
						</view>
					</view>
					<view class="unfold" @click="toggleExpand" v-if="detailData.jinzhanlist.length>3">
						{{isExpanded ? '折叠收起' : '展开全部'}}
						<image :src="isExpanded ? '/static/arrows.png' : '/static/arrows.png'"
							:style="!isExpanded ? '' : 'transform: rotate(180deg)'" mode="widthFix"></image>
					</view>
				</view>

				<!-- 相关项目 -->
				<view class="tuijian-xm">
					<text class="xm-title">同地区相似项目</text>

					<view class="tuijianInfo" v-for="(item,index) in listData" :key="index" @click="linkDetail(item)">
						<view class="content">
							<view class="content-title">
								{{item.news_title_show}}

								<view class="list-fujian" v-if="item.news_bstrue > 0">
									<image src="/static/fujian.png" mode="widthFix"></image><text
										style="font-weight: 400;">附件</text>
								</view>
							</view>
						</view>

						<view class="gongying" v-if="item.news_zhongbiao !== ''">
							<view class="yezhu" v-if="detailData.isShow">
								供应单位：{{item.news_zhongbiao}}
							</view>

							<view class="yezhu" style="text-overflow: clip;" v-else>
								供应单位：<text style="filter: blur(5px);">{{item.news_zhongbiao}}</text>
							</view>
							<!-- detailData.isShow -->
							<view class="lianxiren">
								联系方式
							</view>

						</view>
						<!-- -->
						<view class="gongying" v-if="item.yezhu !== ''">
							<view v-if="detailData.isShow" class="yezhu">
								招标业主：{{item.yezhu}}
							</view>

							<view class="yezhu" style="text-overflow: clip;" v-else>
								招标业主：<text style="filter: blur(5px);">{{item.yezhu}}</text>
							</view>
							<view class="lianxiren">
								联系方式
							</view>


						</view>
						<view class="gongying" v-if="item.xmdw">
							<view class="yezhu" v-if="detailData.isShow">
								项目单位：{{item.xmdw}}
							</view>
							<view class="yezhu" style="text-overflow: clip;" v-else>
								项目单位：<text style="filter: blur(5px);">{{item.xmdw}}</text>
							</view>
							<view class="lianxiren">
								联系方式
							</view>

						</view>
						<!--  -->
						<view class="jiezhi-time" v-if="item.news_end_time">
							截止时间：{{timeFormat(new Date(item.news_end_time), 'yyyy-mm-dd')}} 详情请见信息
						</view>
						<view class="lianxifangshi" v-if="item.lxrCount != 0">
							联系方式：共有<text style="color: #106CFF;">{{item.lxrCount}}位联系人</text>
						</view>
						<view class="xmInfo" v-if="item.gjCount != 0">
							项目情况：共有<text style="color: #106CFF;">{{item.gjCount}}条项目跟进记录</text>
						</view>
						<view class="list-bottom">
							<view style="display: flex; align-items: center;">
								<view class="list-type">
									{{item.news_type_des}}
								</view>
								<view class="list-diqu">
									{{item.news_diqustr}}
								</view>
								<view class="jine" v-if="item.jine_show != 0">
									{{item.jine_show}}万元
								</view>
								<view class="jine" v-if="item.news_jieduan_show">
									{{item.news_jieduan_show}}
								</view>
							</view>
							<view class="list-time" style="color: #6C717E; font-size: 22rpx;">
								{{item.news_star_time.slice(0,10)}}
							</view>
						</view>
					</view>
				</view>
			</view>
			<!-- <view class="footer-container"> -->
			<view class="footer" :style="{'paddingBottom':safeBottom+'px'}">
				<!-- 产品说在cms上广告故隐藏 -->
				<!-- 				<view class="kaitonghuiyuan" v-if="!baseConfig.isIOSshenhe && !isShow" @click="shengjihuiyuan">
					开通采招会员，查看完整商机信息 <text>立即开通</text>
				</view> -->
				<view class="footer-label">
					<view class="footer-icon" @click="fenxiangClick()">
						<image style="width: 36rpx;" src="/static/fenxiang.png" mode="widthFix"></image>
						<view class="menuStyle">
							分享
						</view>
					</view>
					<view class="footer-icon">
						<view :class="[isKeep?'footer-collaged':'footer-collage']" @tap="keep()"></view>
						<view class="menuStyle">
							收藏
						</view>
					</view>
					<!-- 报错无权限隐藏 detailData.isShow  调整为有权限也隐藏 -->
					<view class="footer-icon footer-download" @click="jiucuoPop" v-if="false">
						<image style="width: 36rpx;" src="/static/baocuo.png" mode="widthFix"></image>
						<view class="menuStyle">
							报错
						</view>
					</view>
					<view class="footer-icon footer-download" @click="clickTelephone" v-if="!isAllowed">
						<image style="width: 36rpx;" src="/static/phone.png" mode="widthFix"></image>
						<view class="menuStyle">
							电话
						</view>
					</view>
					<view class="mailBtn" v-if="!baseConfig.isIOSshenhe" @click="ToEmail">
						发送到邮箱
					</view>
				</view>
			</view>

			<!-- </view> -->
			<!-- 非地区会员 -->
			<uni-popup ref="showpop1" :type="type" :mask-click="true">
				<view class="diquhuiyuan">
					<view class="huiyuan_pop1_content">
						<image src="/static/img/Details/huiyuan1.png" class="huiyuan-img1"></image>
						<view class="dangqiandiqu">您目前会员地区为：<text>{{detailData.LimitDiqu}}</text></view>
						<view class="suoshudiqu">
							<image src="/static/img/Details/diqu.png" class="diqu_icon"></image>
							<view class="diqu_text">
								<view class="diqu_text1">该信息属地区：<text style="color: #f65441;">{{detailData.diqu}}</text>
								</view>
								<view class="diqu_text2">您还未开通因此暂无查看权限</view>
							</view>
						</view>
						<view class="huiyuanfuwu_btn" v-if="!baseConfig.isIOSshenhe" @click="jiesuoqx(true)">点击进入会员服务
						</view>
						<view class="huiyuan_tips">今日会员限时送，地区更多商机更多！</view>
					</view>
					<view class="huiyuan_close" @click="cancel('pop1')">
						<image src="/static/img/Details/huiyuan_close.png" class="close-img"></image>
					</view>
				</view>
			</uni-popup>
			<!-- 标准会员 -->
			<uni-popup ref="showpop2" :type="type" :mask-click="true">
				<view class="biaozhunhuiyuan">
					<view class="huiyuan-pop2_content">
						<image src="/static/img/Details/biaozhunhuiyuan_03.png" class="top1"></image>
						<view class="top2">
							<view class="top2_wenben">开通<text
									style="color: #ffe045; font-weight: 700;">标准会员</text>，解锁更多特权!
							</view>
						</view>
						<view class="huiyuantequan">
							<view class="hytq_cont">
								<view class="hytq_list">
									<image src="/static/img/Details/duihao.png" class="list-ok"></image> <text
										class="hytq_list-title">全国10万条招标信息同步更</text>
								</view>
								<view class="hytq_list">
									<image src="/static/img/Details/duihao.png" class="list-ok"></image> <text
										class="hytq_list-title">项目订阅，及时推送不漏标</text>
								</view>
								<view class="hytq_list">
									<image src="/static/img/Details/duihao.png" class="list-ok"></image> <text
										class="hytq_list-title">所有行业招标信息细分展示</text>
								</view>
								<view class="hytq_list">
									<image src="/static/img/Details/duihao.png" class="list-ok"></image> <text
										class="hytq_list-title">轻松联系全国各项目负责人</text>
								</view>
							</view>
						</view>
						<view class="huiyuan-pop2_bottom">
							<view class="bottom_tips">92%选择开通用户的会员，共签单15万次</view>
							<view class="bottom_btn" @click="jiesuoqx(true)">最低只需99元，立即解锁</view>
						</view>
					</view>
					<view class="huiyuan_close" @click="cancel('pop2')">
						<image src="/static/img/Details/huiyuan_close.png" class="close-img"></image>
					</view>
				</view>
			</uni-popup>
			<!-- 注！此弹窗似乎没有用到 20250120 add by fpli，和上面的uni-popup内容一样，另外发现noquanxian这个值永远是false，后期优化时去掉并测试 -->
			<view class="bzhy_pop" v-if="noquanxian && !baseConfig.isIOSshenhe">
				<view class="pop_mask"></view>
				<view class="biaozhunhuiyuan">
					<view class="huiyuan-pop2_content">
						<image src="/static/img/Details/biaozhunhuiyuan_03.png" class="top1"></image>
						<view class="top2">
							<view class="top2_wenben">开通<text
									style="color: #ffe045; font-weight: 700;">标准会员</text>，解锁更多特权!
							</view>
						</view>
						<view class="huiyuantequan">
							<view class="hytq_cont">
								<view class="hytq_list">
									<image src="/static/img/Details/duihao.png" class="list-ok"></image> 全国10万条招标信息同步更
								</view>
								<view class="hytq_list">
									<image src="/static/img/Details/duihao.png" class="list-ok"></image> 项目订阅，及时推送不漏标
								</view>
								<view class="hytq_list">
									<image src="/static/img/Details/duihao.png" class="list-ok"></image> 所有行业招标信息细分展示
								</view>
								<view class="hytq_list">
									<image src="/static/img/Details/duihao.png" class="list-ok"></image> 轻松联系全国各项目负责人
								</view>
							</view>
						</view>
						<view class="huiyuan-pop2_bottom">
							<view class="bottom_tips">92%选择开通用户的会员，共签单15万次</view>
							<view class="bottom_btn" @click="jiesuoqx(true)">最低只需99元，立即解锁</view>
						</view>
					</view>
					<view class="huiyuan_close">
						<image src="/static/img/Details/huiyuan_close.png" class="close-img" @click="closebzhy_pop">
						</image>
					</view>
				</view>
			</view>
			<!-- 发送至邮箱 -->
			<uni-popup ref="showimage" :type="type" :mask-click="true">
				<view class="mail-box">
					<view class="mail-top">
						<view class="title">还差一步</view>
						<view class="desc">输入邮箱即可继续发送</view>
						<view class="mail">
							<text>邮箱</text>
							<u--input placeholder="请输入您常用的邮箱" v-model="Email" fontSize="14" color="#3B3E45"
								placeholderStyle="color:#bebec1" border="none"></u--input>
						</view>
					</view>
					<view class="mail-bottom">
						<view class="tijiao-btn" @click="fasong">
							立即发送
						</view>
						<view class="tijiao-tip">
							<view class="yx-tips">
								温馨提示：
							</view>
							<view class="yx-text">
								发送到邮箱后，若长时间未收到邮件，请检查垃圾箱， 或重新发送
							</view>
						</view>
					</view>
					<view class="close-btn" @click="cancel('image')">
						<image src="/static/close.png" mode="widthFix"></image>
					</view>
				</view>
			</uni-popup>

			<!-- 附件下载 -->
			<!-- 注：2025.1.20 add by fpli 检查代码时发现此模块可能永远不会显示，后期优化时去掉并测试 -->
			<view class="fujianxiazai" :style="isfujianshow?'':'display:none'">
				<view class="fujian-bg"></view>
				<view class="fujianPop">
					<view class="fujian-top">附件下载</view>
					<view class="fujian-list">
						<view class="fujian-list-box">
							<view class="fujian-list-cell" v-for="(item,index) in xiazailist" :key="index">
								<view class="fujian-list-item">
									<text class="fujian-list-title">{{item.title}}</text>
									<text :class="[xiazaiindex==index?'fujian-list-xiazaizhong':'fujian-list-xiazai']"
										@click="download(xiazailist,index)"
										v-if="item.daojishi<=0">{{xiazaiindex==index?'下载中.':'下载'}}</text>
									<text class="fujian-list-xiazai" v-else>解冻中</text>
								</view>
								<view :style="xiazaiindex==index?'':'display:none'" class="progress-box">
									<cmd-progress :percent="item.progress" :stroke-width="2"
										status="active"></cmd-progress>
								</view>
								<!-- v-model="count" -->
								<view class="" style="display: none;">
									{{count}}
								</view>
								<view class="daojishi" v-if="item.daojishi>0">
									<image src="/static/img/Details/dingshi.png" class="naozhong"></image>
									剩余解冻时间：
									<uniCountdownzhaobiao :reset="false" :showDay="false" :item="xiazailist"
										:index="index" :showColon="false" :second="item.daojishi" color="#FFFFFF"
										background-color="#ff0018" border-color="#ff0018" />
								</view>
							</view>
						</view>
						<!-- 20250110需求更新，需要和小程序一致隐藏发送到邮箱 -->
						<!-- 					<view class="youxiang youxiang-send" style="" @click="ToEmail">
						<image src="/static/img/Details/detail_06.png" class="youx-img"></image> 发送至邮箱
					</view>
					<view><text class="fujian-list-title fujian-list-bz">注：如果文件没有打开请点击“发送至邮箱”，在邮件中查看附件</text></view> -->
						<!-- <view class="fileDown-btn" @click="cancelfujian()">关闭</view> -->
					</view>
				</view>
				<view class="guanbi-btn" @click="cancelfujian()">
					<image src="/static/img/Details/huiyuan_close.png" class="guanbi-img"></image>
				</view>
			</view>

			<!-- 联系人弹窗 -->
			<uni-popup ref="lianxirenPopup" type="bottom">
				<view class="lxrBox">
					<view class="phone-title">
						文中联系方式<text @click="popupGuide"> <text v-show="false">更多联系方式</text> </text>
					</view>
					<!-- 联系人详情 -->
					<view class="lxrInfo" v-for="(item,index) in telList" :key="index">
						<view :class="['lxr-card', item.cardClass]">
							{{item.name.slice(0,1)}}
						</view>
						<view class="lxr-main">
							<view class="lxr-name">
								{{item.name}}
							</view>
							<view class="lxr-phone">
								{{item.tel}}
							</view>
						</view>
						<view class="phoneIcon" @click="clickTel(item)">
							<image src="/static/telephone.png" mode="widthFix"></image>
						</view>
					</view>
					<view class="null_tel" v-if="!telList.length">
						<image src="/static/null-tel.png" mode="widthFix"></image>
						<text>暂无相关数据，去其他地方看看</text>
					</view>

				</view>
			</uni-popup>
			<!-- 无附件下载权限 -->
			<!-- 注：20251.20 add by fpli 检查代码发现此模块可能永远不会显示，后期优化时去掉并测试 -->
			<uni-popup ref="showimage3" :type="type" :mask-click="true">
				<view class="fujianPop">
					<view class="fujian-list">
						<view class="diqu_text2">无权限下载该附件</view>
						<view class="diqu_text2" @click="kaitong">去开通会员</view>
						<text class="fujian-list-xiazai"></text>
					</view>
					<view class="huiyuan_close" @click="cancel('image3')">
						<image src="/static/img/Details/huiyuan_close.png" class=""></image>
					</view>
				</view>
			</uni-popup>
			<!-- 报名地址 -->
			<!-- 注：2025.1.20 add by fpli 检查代码发现此模块可能永远不会显示，后期优化时去掉并测试 -->
			<uni-popup ref="showtip" :type="type" :mask-click="false">
				<view class="uni-tip">
					<text class="uni-tip-title">提示</text>
					<text class="uni-tip-content">您将跳出采招网访问原始报名地址，确认访问吗？</text>
					<view class="uni-tip-group-button">
						<text class="uni-tip-button" @click="cancel('tip')">取消</text>
						<view class="uni-tip-button">
							<uni-link :href="detailData.laiyuan" text="确定" showUnderLine="false" color="#0000FF">确定
							</uni-link>
						</view>
					</view>
				</view>
			</uni-popup>

			<!-- 纠错弹窗 -->
			<popupJiucuo v-model:showJiucuo="showJiucuo" :ids="detailData.id" :type="detailData.type" />

			<!-- 右侧客服 -->
			<sideKefu v-model:isScroll="isScroll" />

			<!-- 分享 -->
			<popupShare v-model:showShare="showShare" :detailData="detailData" :title="detailData.title"
				:ids="detailData.id" :type="detailData.type" :from="from" />
		</scroll-view>
	</view>
</template>
<script>
	/**
	 * 20230516 底部广告图确认
	 * 广告图detail接口传过来，里面对象有：src(图片的地址),url(图片链接地址),title,type(必传，需要是nav或者tab)
	 * 关闭广告图后当天不再显示，第二天会显示，local中存的当天的日期
	 */
	//import json from '@/json';
	import uniPopup from '@/components/uni-popup/uni-popup.vue';
	import uniNavBar from '@/components/uni-nav-bar/uni-nav-bar.vue';
	import uniIcons from '@/components/uni-icons/uni-icons.vue';
	import uniLink from '@/components/uni-link/uni-link.vue';
	import dateutil from '@/common/script/dateUntil.js';
	import CryptoJS from "crypto-js";
	import uniCountdownzhaobiao from '@/components/uni-countdown/uni-countdown-new.vue';
	import cmdProgress from "@/components/cmd-progress/cmd-progress.vue";
	import commonjs from '@/common/script/common.js';
	import sideKefu from '@/components/side-kefu/side-kefu.vue'
	import popupJiucuo from '@/components/popup-jiucuo/popup-jiucuo.vue'
	import popupShare from '@/components/popup-share/popup-share.vue'
	import {
		timeFormat
	} from '@/util/index.js';
	// const timeFormat =1
	// import appShare, {
	// 	closeShare
	// } from '@/common/static/share.js';

	let key = {
		"words": [863652730, 2036741733, 1164342596, 1782662963],
		"sigBytes": 16
	};
	let aceIV = {
		"words": [1719227713, 1314533489, 1397643880, 1749959510],
		"sigBytes": 16
	};
	export default {
		components: {
			uniPopup,
			uniNavBar,
			uniIcons,
			uniLink,
			uniCountdownzhaobiao,
			cmdProgress,
			sideKefu,
			popupJiucuo,
			popupShare,

		},
		data() {
			
			return {
				ishongmeng: false,
				timeFormat,
				tipsIsShow: false,
				isHighlight: false,
				isExpanded: false, // 默认不展开
				// uni.getSystemInfoSync().safeAreaInsets.bottom 值有些大
				safeBottom: uni.getSystemInfoSync().platform == 'ios' ? 20 : 22,
				type: '',
				detailData: {},
				detailFullData: {
					yezhu: "******************",
					daili: "******************",
					zhongbiao: "******************",
				},
				isZbhxr: false,
				isAdv: false,
				showMoreBtn: true,
				isKeep: false, //收藏
				isdiquhuiyuan: false, //是否地区会员
				isbiaozhunhuiyuan: false, //是否标准会员
				LimitDiqu: '', //会员所属地区
				isBindFullData: false,
				Email: '', //发送邮箱
				keywords: '',
				xiazailist: [],
				isLogin: false,
				isAllowed: false,
				kefutel: this.serverTelHost,
				isTel: true,
				fujian: 0,
				isxiazai: false,
				isguanzhuyz: false,
				isguanzhuzb: false,
				isguanzhudl: false,
				searchkeyword: '',
				color: "#FD463E",
				weight: false,
				noquanxian: false,
				filepath: '',
				xiazaiindex: 100,
				isfujianshow: false,
				count: 0,
				isShow: false,
				isOldnews: false,
				adImg: [],
				iserror: false,
				tagStyle: {
					 table: 'border-collapse: collapse;',
					//th: 'border-right: 1px solid #666; border-bottom: 1px solid #666;',
					td: 'border: 1px solid #666;',
				},

				//纠错相关
				showJiucuo: false,
				//页面是否滑动，用于客服显隐
				isScroll: true,
				timer: null,
				showShare: false, //分享
				from: 'zhaobiao',
				enddate: "",
				SysSecond: 0,
				countdown: null,
				listData: [],
				telList: [],
				scrollIntoView: '',
				cardClasses: ['lxr-card1', 'lxr-card2', 'lxr-card3'],
				isios: false,
				
				// 倒计时
				timeData:{}
			}
		},
		onShow() {
			if (uni.getSystemInfoSync().platform === 'harmonyos') {
				this.ishongmeng = true;
			}
			// https://www.cqstjt.com/defaultBucket/2025/3/42e4b20076de9e08b235e86595c86663.PDF
			// setTimeout(() => {
			// this.aa = `
			// 	11<div><p>生产经营（采购类）202503001重庆水资源产业股份有限公司渝大水务分公司水厂石英砂采购招采公告</p><p><img src="https://www.cqstjt.com/UEditor/dialogs/attachment/fileTypeImages/icon_pdf.gif">
			// 	<a href="https://www.html5plus.org/doc/zh_cn/webview.html" title="生产经营（采购类）202503001重庆水资源产业股份有限公司渝大水务分公司水厂石英砂采购招采公告.PDF">
			// 	生产经营（采购类）202503001重庆水资源产业股份有限公司渝大水务分公司水厂石英砂采购招采公告.PDF
			// 	</a></p><p><br></p></div>`
			// }, 1000)
			this.getDetail();
			this.checkLogin();
			//this.startCountdown();
		},
		onLoad(options) {
			if (uni.getSystemInfoSync().platform === 'ios') {
				this.isios = true;
			}
			// document.addEventListener('plusready', function() {
			//     var webview = plus.webview.currentWebview();
			//     webview.setTitleNViewSearchInputText('dasf'); // 隐藏工具条按钮
			// });

			// this.guide();
			this.id = options.id;
			this.checkLogin();
			this.isshowguanggao();
			if (options.keyword != undefined && options.keyword != '') {
				this.searchkeyword = decodeURIComponent(options.keyword);
			}
			if (options.data != undefined) {

				// console.log("data: ",options.data);
				this.detailData = JSON.parse(decodeURIComponent(decodeURIComponent(options.data)));
			}
		},
		computed: {
			$systemInfo(){
				return this.$store.state.$systemInfo
			},
			newsTypeBgMap: function() {
				const obj = {}
				const ininData = this.detailData.jinzhanlist
				ininData.map(item => {
					/**
					 * 审批公示 17 orange1Tag
					 */
					if (item.type2 == '4') {
						obj[item.type2] = 'redTag'
					} else if (item.type2 == '17') {
						obj[item.type2] = 'orange1Tag'
					} else if (item.type2 == '13') {
						// 拟在建项目
						obj[item.type2] = 'blue2Tag'
					} else if (item.type2 == '12') {
						// vip独家
						obj[item.type2] = 'orange2Tag'
					} else if (item.type2 == '2') {
						// 招标预告
						obj[item.type2] = 'purpleTag';
					} else if (item.type2 == '6') {
						// 招标变更
						obj[item.type2] = 'pinkTag';
					} else if (item.type2 == '3') {
						// 拟建项目
						obj[item.type2] = 'blue2Tag';
					} else if (item.type2 == '10') {
						// 项目审批
						obj[item.type2] = 'orangeTag';
					} else {
						// 招标类型 参考信息90
						obj[item.type2] = 'blueTag'
					}
				})
				return obj
			},
			bgtag() {
				return this.isguanzhuyz ? 'bg-tag' : '';
			},
			bgtag2() {
				return this.isguanzhuzb ? 'bg-tag' : '';
			},
			bgtag3() {
				return this.isguanzhudl ? 'bg-tag' : '';
			},

			// 截止时间倒计时 
			// days() {
			// 	return Math.floor(this.SysSecond / (60 * 60 * 24));
			// },
			// hours() {
			// 	return Math.floor((this.SysSecond % (60 * 60 * 24)) / (60 * 60));
			// },
			// minutes() {
			// 	return Math.floor((this.SysSecond % (60 * 60)) / 60);
			// },
			// seconds() {
			// 	return this.SysSecond % 60;
			// },
			remainTime() {
				return this.SysSecond  * 60 * 60 * 1000
			},
			
		},
		onUnload() {
			uni.hideNavigationBarLoading(); //关闭加载动画
			if (this.timer) {
				clearTimeout(this.timer);
			}
		},
		// errorCaptured(err, vm, info)  {
		// 	this.iserror = true;
		// 	console.log(this.iserror);
		// 	return false;
		// },
		onPageScroll(e) {
			// 清除之前的定时器
			if (this.timer) {
				clearTimeout(this.timer);
			}
			// 设置滑动标志
			this.isScroll = true
			// 重新设置定时器
			this.timer = setTimeout(() => {
				// 三秒后没有新的滑动事件，重置滑动标志
				this.isScroll = false;
				// console.log('三秒内没有滑动',this.isScroll);
			}, 3000);
		},
		methods: {
			onChangeDjs(e) {
				this.timeData = e
				// console.log(1,e)
			},
			jiucuoPop() {
				if (!this.isLogin) {
					uni.navigateTo({
						url: '../user/login/login1'
					})
					return false;
				} else if (this.detailData.id > 0) {
					this.showJiucuo = true
				}
			},
			clickTel(item) {
				uni.makePhoneCall({
					phoneNumber: item.tel
				});
			},
			clickTelephone() {
				if (!this.isShow) {
					this.togglePopup('center', 'pop2')
				} else {
					this.$refs.lianxirenPopup.open();
				}
			},
			//返回上一页
			backPage() {
				uni.navigateBack({
					delta: 1
				})
			},
			// 招标进展展开和收起
			toggleExpand() {
				this.isExpanded = !this.isExpanded;
			},
			// 点击头部附件滚动到附件下载  
			scrollToTitle() {
				// this.$nextTick(() => {
				// 	this.scrollIntoView = 'gonggaoTitle';
				// 	setTimeout(() => {
				// 		this.scrollIntoView = '';
				// 	}, 1000);
				// });
				uni.createSelectorQuery()
				    .select('#gonggaoTitle')
				    .boundingClientRect(rect => {
				      uni.pageScrollTo({ scrollTop: rect.top, duration: 300 });
				    }).exec();
			},
			popupGuide() {
				this.$nextTick(() => {
					this.scrollIntoView = 'guidePopup';
					setTimeout(() => {
						this.scrollIntoView = '';
					}, 1000);
				});
				this.$refs.lianxirenPopup.close();
				this.isHighlight = true;
				this.tipsIsShow = true;
			},
			closePop() {
				this.isHighlight = false;
				this.tipsIsShow = false;
			},
			getDetail() {
				// if (this.detailData.id > 0) {
				uni.showNavigationBarLoading();
				let data = this.initNewData();
				data.from = 4038;
				data.location = 5105;
				data.id = this.detailData.id;
				data.type = this.detailData.type;
				data.getjinzhan = 1;
				uni.request({
					url: this.baseConfig.serverURL + 'zhaobiao/DetailV2.ashx', //检查更新的服务器地址
					data: data,
					method: "POST",
					header: {
						"content-type": "application/x-www-form-urlencoded" //"application/json"
					},
					success: (res) => {
						// console.log('detailData',this.detailData)
						// this.$nextTick(() => {
						// 	this.enddate = this.detailData.enddate
						// 	this.SysSecond = this.detailData.SysSecond
						// 	// console.log("11111", this.enddate)
						// 	console.log("22222", this.SysSecond)
						// 	this.getList()
						// 	this.getTelephone()
						// })

						uni.hideToast();
						if (res.statusCode == 200) {
							if (res.data && res.data != '') {
								var nContent = CryptoJS.AES.decrypt(res.data, key, { //  AES解密
									iv: aceIV,
									mode: CryptoJS.mode.CBC,
									padding: CryptoJS.pad.ZeroPadding
								})
								if (nContent && nContent != null) {
									var constr = CryptoJS.enc.Utf8.stringify(nContent)
									if (constr && constr != "") {
										var dataJson = JSON.parse(constr)

										// console.log('标讯详情',dataJson)
										if (!dataJson.ret) {
											console.log(22222, dataJson.msg)
											uni.showToast({
												title: dataJson.msg,
												icon: "none"
											});
										} else {
											// console.log(11111,dataJson.other2)
											if (dataJson.other2 != undefined) {
												this.detailData = dataJson.other2;
												console.log(1, this.detailData)
												// console.log(22,this.detailData)
												//console.log("this.detailData: " + JSON.stringify(this.detailData));
												if (this.detailData.isShow)
													this.showMoreBtn = false;
												if (this.detailData.isLogin) {
													this.detailFullData.daili = this.detailData.daili
													this.detailFullData.yezhu = this.detailData.yezhu
													this.detailFullData.zhongbiao = this.detailData.zhongbiao

												} else {
													this.detailFullData.daili = "******************";
													this.detailFullData.yezhu = "******************";
													this.detailFullData.zhongbiao = "******************";
												}

												if (dataJson.other2.xiazailist != undefined && dataJson
													.other2
													.xiazailist.length > 0) {

													this.xiazailist = dataJson.other2.xiazailist;
													this.xiazailist = [];
													dataJson.other2.xiazailist.forEach(item => {
														//item.daojishi = 70;
														item.progress = 0;
														this.xiazailist.push(item);
													})
													// console.log(this.xiazailist);
												}
												this.kefutel = dataJson.other2.kefutel;
												if (this.kefutel.trim() == '') {
													this.isTel = false;
												}
												this.isZbhxr = this.detailData.isZbhxr;
												this.fujian = this.detailData.fujian;
												this.isxiazai = this.detailData.isxiazai;
												this.isKeep = this.detailData.isshoucang;
												this.isAllowed = this.detailData.isAllowed;
												this.isShow = this.detailData.isShow;
												this.isLogin = this.detailData.isLogin;
												this.isguanzhuyz = this.detailData.isguanzhuyz;
												this.isguanzhuzb = this.detailData.isguanzhuzb
												this.isguanzhudl = this.detailData.isguanzhudl;
												this.detailData.time = this.detailData.time.split('T')[0];
												this.Email = this.detailData.user_mail;
												this.isOldnews = this.detailData.isOldnews;
												this.adImg = this.detailData.guanggao;

												if (this.detailData.guanggao == undefined || this
													.detailData.guanggao
													.length <= 0) {
													this.isAdv = true;
												}

												this.enddate = this.detailData.enddate
												this.SysSecond = this.detailData.SysSecond
												// console.log("11111", this.enddate)
												 console.log("22222", this.SysSecond)
												this.getList()
												this.getTelephone()
												// console.log(22,this.detailData)
												// console.log(2, this.adImg)
												if (this.isLogin && !this.isAllowed && !this.detailData
													.isdiquhuiyuan && !this.detailData.isthisdqhy && !this
													.baseConfig.isIOSshenhe) {
													//this.noquanxian = true
													this.type = 'center'
													this.$refs['showpop2'].open()
												} else if (this.isLogin && !this.isAllowed && this
													.detailData
													.isdiquhuiyuan && !this.detailData.isthisdqhy && !this
													.baseConfig.isIOSshenhe) {
													this.type = 'center'
													this.$refs['showpop1'].open()
												}
											} else {
												uni.showToast({
													title: '获取详情失败',
													icon: "none"
												});
											}
										}

									} else {
										uni.showToast({
											title: '信息解密失败！',
											icon: "none"
										});
									}
								} else {
									uni.showToast({
										title: '信息解密失败！',
										icon: "none"
									});
								}
							} else {
								uni.showToast({
									title: '获取信息失败！',
									icon: "none"
								});
							}
						} else {
							uni.showToast({
								title: '获取信息失败！',
								icon: "none"
							});
						}
						this.isBindFullData = true;
						uni.hideNavigationBarLoading(); //关闭加载动画
					},
					fail: (res) => {
						uni.showToast({
							title: '获取信息失败，可能超时！',
							icon: "none"
						});
						uni.hideNavigationBarLoading(); //关闭加载动画
					}
				})
				// }
			},
			// 推荐信息跳转详情
			linkDetail(item) {
				let obj = {
					id: item.news_id,
					type: item.news_type
				}
				let uri = encodeURIComponent(JSON.stringify(obj));
				uni.navigateTo({
					url: '/pages/zhaobiao/detail?data=' + encodeURIComponent(uri)
				})
			},
			// 招标进展跳转详情
			jinzhanDeatil(item) {
				let obj = {
					id: item.id,
					type: item.type
				}
				let uri = encodeURIComponent(JSON.stringify(obj));
				uni.navigateTo({
					url: '/pages/zhaobiao/detail?data=' + encodeURIComponent(uri)
				})
			},
			// 跳转到搜索列表
			linkSearch() {
				uni.navigateTo({
					url: '/pages/search/searchList'
				})
			},
			// 推荐信息
			getList() {
				uni.$u.http
					.post('wechat/GetSearchListHandler.ashx', {
						location: 5105,
						keywords: this.keywords,
						page: 1,
						pagesize: 6,
						areacode: this.detailData.diqucode,
						type: this.detailData.type,
						gjtag: 1,
					})
					.then(rs => {
						const dt = rs.listData || [];
						console.log(dt)
						dt.map(item => {
							item.news_type = item.news_type + ''
						})
						dt.shift()
						this.listData = dt;

					}).catch(err => {
						this.listData = [];
					})
			},
			// 联系人电话列表
			getTelephone() {
				uni.$u.http
					.post('zhaobiao/GetNewsLxrHandler.ashx', {
						location: 5105,
						newsid: this.detailData.id,
						pagesize: "",
						page: "",
					})
					.then(rs => {
						this.assignRandomColors(rs.list);
						this.telList = rs.list
					}).catch(err => {})
			},
			// 随机联系人名片颜色
			assignRandomColors(list) {
				list.forEach(item => {
					const randomIndex = Math.floor(Math.random() * this.cardClasses.length);
					// 为每个联系人对象添加颜色类名属性
					item.cardClass = this.cardClasses[randomIndex];
				});
			},
			// 开始倒计时
			startCountdown() {
				this.countdown = setInterval(() => {
					if (this.SysSecond > 0) {
						this.SysSecond--;
					} else {
						clearInterval(this.countdown);
					}
				}, 1000);
			},
			//收藏
			keep() {
				if (!this.isLogin) {
					uni.navigateTo({
						url: '../user/login/login1'
					})
					return false;
				} else if (this.detailData.id > 0) {
					let data = this.initNewData();
					data.from = 4038;
					data.location = 5105;
					data.id = this.detailData.id;
					uni.request({
						url: this.baseConfig.serverURL + 'user/shoucang/AddHandler.ashx', //检查更新的服务器地址
						data: data,
						method: "POST",
						header: {
							"content-type": "application/x-www-form-urlencoded" //"application/json"
						},
						success: (res) => {
							if (res.statusCode == 200) {
								if (!res.data.ret) {
									uni.showToast({
										title: res.data.msg,
										icon: "none"
									});
								} else {
									uni.showToast({
										title: res.data.msg,
										icon: "none"
									});
									if (res.data.retbs == 1)
										this.isKeep = true;
									else if (res.data.retbs == 2)
										this.isKeep = false;
								}
							} else {
								uni.showToast({
									title: '操作失败',
									icon: "none"
								});
							}
						},
						fail: (res) => {
							uni.showToast({
								title: '操作失败，可能已超时！',
								icon: "none"
							});
						}
					})
				}
			},
			//底部返回首页
			home() {
				uni.switchTab({
					url: '../index/index'
				})
			},
			togglePopup(type, open) {
				this.type = type
				this.$refs['show' + open].open()
				// this.$nextTick(() => {

				// })
			},
			cancel(type) {
				this.$refs['show' + type].close()
			},
			fasong() {
				//异步请求数据
				let data = this.initNewData();
				data.from = 4038;
				data.location = 5105;
				data.nid = this.detailData.id;
				data.tomail = this.Email;
				uni.request({
					url: this.baseConfig.serverURL + 'User/Email/SendToEmail.ashx', //检查更新的服务器地址
					data: data,
					method: "POST",
					header: {
						"content-type": "application/x-www-form-urlencoded" //"application/json"
					},
					success: (res) => {
						//console.log(res);
						if (res.statusCode == 200) {
							if (!res.data.ret) {
								uni.showToast({
									title: res.data.msg,
									icon: "none"
								});
							} else {
								//获取成功，绑定
								uni.showToast({
									title: res.data.msg,
									icon: "none"
								});
								this.$refs.showimage.close()
							}
						} else {
							uni.showToast({
								title: '邮件发送失败',
								icon: "none"
							});
						}
					},
					fail: (res) => {
						uni.showToast({
							title: '邮件发送失败，可能已超时！',
							icon: "none"
						});
					}
				})

			},
			ShowMore() {
				if (!this.isLogin) {
					uni.navigateTo({
						url: '../user/login/login1'
					})
				} else {
					this.showMoreBtn = false;
				}
				console.log("点击显示更多了..." + this.showMoreBtn)
			},
			confirm() {
				let keywords = this.keywords
				uni.navigateTo({
					url: '../search/searchList?keysword=' + encodeURIComponent(keywords)
				})
			},
			kefuTel() {
				uni.makePhoneCall({
					phoneNumber: this.kefutel
				});
			},
			downloadClick(e, index) {
				//this.checkLogin(1);
				if (!this.isLogin) {
					uni.navigateTo({
						url: '../user/login/login1'
					})
				} else if (this.isxiazai) {
					// uni.navigateTo({
					// 	url: '/pages/xiangmu/download-webview?id=' + this.detailData.id
					// })


					// plus.android.requestPermissions(['android.permission.WRITE_EXTERNAL_STORAGE'], function(e) {
					// 	console.log(e)
					// 	if (e.deniedAlways.length > 0) { //权限被永久拒绝
					// 		// 弹出提示框解释为何需要读写手机储存权限，引导用户打开设置页面开启
					// 	}
					// 	if (e.deniedPresent.length > 0) { //权限被临时拒绝
					// 		// 弹出提示框解释为何需要读写手机储存权限，可再次调用plus.android.requestPermissions申请权限
					// 		// plus.android.requestPermissions(['android.permission.WRITE_EXTERNAL_STORAGE'])
					// 	}
					// 	if (e.granted.length > 0) { //权限被允许
					// 		//调用依赖获取读写手机储存权限的代码
					// 	}
					// })
					// this.isfujianshow = true;
					this.download(e, index);
					uni.showToast({
						title: '附件下载中，请稍后',
						icon: "none"
					});
				} else if (!this.isAllowed && this.detailData.isdiquhuiyuan && !this.detailData.isthisdqhy) {
					if (this.baseConfig.isIOSshenhe) {
						return
					}
					this.togglePopup('center', 'pop1')
				} else {
					if (this.baseConfig.isIOSshenhe) {
						return
					}
					this.togglePopup('center', 'pop2')
				}
			},
			download(e, index) {
				// console.log(e[index]);
				if (this.xiazaiindex == 100) {
					if (e[index].isdongjie && e[index].fjurl != '') {
						//异步请求数据
						let data = this.initNewData();
						data.from = 4038;
						data.location = 5105;
						data.fjurl = e[index].fjurl;
						uni.request({
							url: this.baseConfig.serverURL + 'zhaobiao/JieDongHandler.ashx', //检查更新的服务器地址
							data: data,
							method: "POST",
							header: {
								"content-type": "application/x-www-form-urlencoded" //"application/json"
							},
							success: (res) => {
								if (res.statusCode == 200) {
									if (!res.data.ret) {
										uni.showToast({
											title: res.data.msg,
											icon: "none"
										});
									} else {
										if (res.data.retbs == 1) {
											//获取成功，绑定
											e[index].isdongjie = res.data.other2.isdongjie;
											e[index].daojishi = res.data.other2.daojishi;
											uni.showToast({
												title: res.data.msg,
												icon: "none"
											});
										}
									}
								} else {
									uni.showToast({
										title: '解冻附件失败',
										icon: "none"
									});
								}
							},
							fail: (res) => {
								uni.showToast({
									title: '解冻附件失败，可能已超时！',
									icon: "none"
								});
							}
						})
					} else {
						this.xiazaiindex = index;
						const downloadTask = uni.downloadFile({
							url: e[index].url, //仅为示例，并非真实的资源
							success: (res) => {
								console.log(res.statusCode)
								if (res.statusCode === 200) {
									this.filepath = res.tempFilePath;
									//console.log(this.filepath);
									uni.saveFile({
										tempFilePath: this.filepath,
										success: function(res) {
											var savedFilePath = res.savedFilePath;
											// uni.showToast({
											// 	title: '已保存到手机：' + savedFilePath,
											// 	icon: "none"
											// });
											//保存成功并打开文件
											uni.openDocument({
												filePath: savedFilePath,
												success: (res) => console.log('成功打开文档'),
												fail: (res) => {
													console.log('打开文档失败')
												}

											})
										},
										fail() {
											this.xiazaiindex = 100;
										}
									});
								} else {
									this.xiazaiindex = 100;
									uni.showToast({
										title: '下载失败，可能链接已失效，请过几秒重试，或者返回后重新进入该页！',
										icon: "none"
									});
								}
							}
						});
						downloadTask.onProgressUpdate((res) => {
							//console.log('下载进度' + res.progress);
							e[index].progress = res.progress;
							this.count = res.progress;
							if (res.progress == 100) {
								e[index].progress = 0;
								this.xiazaiindex = 100;
								// uni.showToast({
								// 	title: '下载完成！',
								// 	icon: "none"
								// });
							}
						});
					}
				} else {
					uni.showToast({
						title: '正在下载其他附件，请稍等！',
						icon: "none"
					});
				}
			},
			kaitong() {
				uni.navigateTo({
					url: '/pages/user/huiyuan/payment'
				})
			},
			adClose() {
				this.isAdv = true;
				let date = dateutil.getTime(0);
				let newdate = dateutil.daysAddSub(new Date(date), 1)
				uni.setStorage({
					key: 'GuangGaoCloseTime',
					data: newdate,
					success: function() {
						console.log('success');
					}
				});
			},
			isshowguanggao() {
				try {
					const value = uni.getStorageSync('GuangGaoCloseTime');
					if (value) {
						// console.log(value);
						let date = dateutil.getTime(0);
						let storagedata = value;
						if (dateutil.after(date, storagedata)) {
							this.isAdv = true;
						}
					}
				} catch (e) {

				}
			},
			ToEmail() {
				//this.checkLogin(1);
				if (!this.isLogin) {
					uni.navigateTo({
						url: '../user/login/login1'
					})
				} else if (!this.isAllowed && this.detailData.isdiquhuiyuan && !this.detailData.isthisdqhy && !this
					.baseConfig.isIOSshenhe) {
					this.togglePopup('center', 'pop1')
				} else if (!this.isAllowed && !this.baseConfig.isIOSshenhe) {
					this.togglePopup('center', 'pop2')
				} else {
					this.togglePopup('center', 'image')
				}
			},
			haszbordl() {
				if (
					(this.detailFullData.daili.length > 0 && this.detailFullData.daili !== '-') ||
					(this.detailFullData.yezhu.length > 0 && this.detailFullData.yezhu !== '-') ||
					(this.detailFullData.zhongbiao.length > 0 && this.detailFullData.zhongbiao !== '-')
				) {
					return true;
				} else {
					return false;
				}
			},
			// 20250114 分享添加更多，ToShare方法移动到popup-share组件里
			// ToShare() {
			// 	if (uni.getSystemInfoSync().platform == 'ios' && this.detailData.id > 0) {
			// 		let shareData = {
			// 			shareImg: 'https://img.bidcenter.com.cn/app/images/logo.png',
			// 			shareUrl: "https://interface.bidcenter.com.cn/web/share/zbshare.aspx?id=" + this.detailData.id,
			// 			shareTitle: this.detailData.title || "采招网--招标网|招标公告|工程招标采购信息",
			// 			shareContent: "中国采招网是招标网中致力于为企业提供招标、采购、拟在建项目信息及网上招标采购等服务的招标网;采招网是中国招标网站采购领域的最佳资讯和交易招标网站，为各级政府采购、招标代理机构、招标企业、供应商提供强大的专业招标采购信息查询和相关服务,中国第一招标网"
			// 		};
			// 		// 调用
			// 		let shareObj = appShare(shareData, res => {
			// 			console.log("分享成功回调", res);
			// 			closeShare();
			// 		});
			// 	} else {
			// 		let shareInfo = {
			// 			href: "https://m.bidcenter.com.cn/help/downloadapp.shtml", //"https://interface.bidcenter.com.cn/web/share/zbshare.aspx?id=" + this.detailData.id,
			// 			title: this.detailData.title || "采招网-招标网|招标公告|工程招标采购信息",
			// 			desc: this.detailData.title ||
			// 				"中国采招网是招标网中致力于为企业提供招标、采购、拟在建项目信息及网上招标采购等服务的招标网;采招网是中国招标网站采购领域的最佳资讯和交易招标网站，为各级政府采购、招标代理机构、招标企业、供应商提供强大的专业招标采购信息查询和相关服务,中国第一招标网",
			// 			imgUrl: "https://img.bidcenter.com.cn/app/images/logo.png"
			// 		};
			// 		plus.share.sendWithSystem({
			// 			type: "text",
			// 			title: shareInfo.title || "",
			// 			thumbs: [shareInfo.imgUrl || ""],
			// 			href: shareInfo.href || "",
			// 			content: shareInfo.desc || "",
			// 		})
			// 	}
			// },
			shengjihuiyuan() {
				if (!this.isAllowed && this.detailData.isdiquhuiyuan && !this.detailData.isthisdqhy) {
					this.togglePopup('center', 'pop1')
				} else {
					this.togglePopup('center', 'pop2')
				}
			},
			/**
			 * needDiqu 是否需要带入地区
			 */
			jiesuoqx(needDiqu) {
				let diqu = ''
				if (needDiqu) {
					diqu = this.detailData.diqucode && this.detailData.diqucode.slice(0, 2) || ''
				}
				uni.navigateTo({
					url: '../user/huiyuan/payment?diqu=' + diqu
				})
			},
			baoming(type, open) {
				this.type = type
				// this.$nextTick(() => {
				// 	this.$refs['show' + open].open()
				// })
				this.$refs['show' + open].open()
			},
			guanzhu(comname, type) {
				// this.isguanzhuyz = !this.isguanzhuyz;
				// const guanzhuElement = this.$el.querySelector('.company-gz');
				// if (guanzhuElement) {
				// 	guanzhuElement.style.backgroundColor = this.isguanzhuyz ? 'red' : '';
				// }

				if (!this.isLogin) {
					uni.navigateTo({
						url: '../user/login/login1'
					})
				} else if (this.isAllowed) {
					if (comname != '' && comname != undefined) {
						let data = this.initNewData();
						data.from = 4038;
						data.location = 5105;
						data.comname = encodeURIComponent(comname);
						data.type = type;
						uni.request({
							url: this.baseConfig.serverURL + 'user/guanzhu/GuanzhuHandler.ashx', //检查更新的服务器地址
							data: data,
							method: "POST",
							header: {
								"content-type": "application/x-www-form-urlencoded" //"application/json"
							},
							success: (res) => {
								if (res.statusCode == 200) {
									// var nContent = CryptoJS.AES.decrypt(res.data, key, { //  AES解密
									// 	iv: aceIV,
									// 	mode: CryptoJS.mode.CBC,
									// 	padding: CryptoJS.pad.ZeroPadding
									// })
									// var constr = CryptoJS.enc.Utf8.stringify(nContent)
									// var data = JSON.parse(constr)
									// var rs = res.data.other2;

									// if(type === 2){
									// 	this.isguanzhuyz=rs.type ===2 ? true : false;
									// }else{
									// 	this.isguanzhudl=rs.type ===2 ? true : false;
									// }
									if (!res.data.ret) {
										uni.showToast({
											title: res.data.msg,
											icon: "none"
										});
									} else {
										uni.showToast({
											title: res.data.msg,
											icon: "none"
										});
										// 	
									}
									//1：招标代理 2：业主单位 5：中标单位
									if (type == 2) {
										this.isguanzhuyz = !this.isguanzhuyz
									} else if (type == 5) {
										this.isguanzhuzb = !this.isguanzhuzb
									} else if (type == 1) {
										this.isguanzhudl = !this.isguanzhudl
									}
									// isguanzhuyz

									// if (res.data.retbs == 1) {
									// 	if (type == 1)
									// 		this.isguanzhudl = false;
									// 	else if (type == 5)
									// 		this.isguanzhuzb = false;
									// 	else if (type == 5)	
									// 		this.isguanzhuyz = false;
									// } else if (res.data.retbs == 2) {
									// 	if (type == 1)
									// 		this.isguanzhudl = true;
									// 	else
									// 		this.isguanzhuyz = true;
									// }
								} else {
									uni.showToast({
										title: '操作失败',
										icon: "none"
									});
								}
							},
							fail: (res) => {
								uni.showToast({
									title: '操作失败！',
									icon: "none"
								});
							}
						})
					}
				} else {
					this.shengjihuiyuan();
				}

			},
			cleanHtmlContent(html) {
			  if (!html) return '';
			  
			  let cleaned = html;
			  
			  // 1. 移除所有UUID相关属性 (如 uuid-1676886846126)
			  cleaned = cleaned.replace(/\s+uuid-\d+/g, '');
			  
			  // 2. 移除转义字符 \
			  cleaned = cleaned.replace(/\\/g, '');
			  
			  // 3. 移除不规范的属性值 (如 valign="\"" 等)
			  cleaned = cleaned.replace(/valign="\""/g, '');
			  cleaned = cleaned.replace(/h-width="\""/g, '');
			  cleaned = cleaned.replace(/colspan="\""/g, '');
			  
			  // 4. 移除自定义的代码类属性 (如 code-anntitle 等)
			  cleaned = cleaned.replace(/\s+code-\w+/g, '');
			  
			  // 5. 移除编辑相关属性 (如 editdisable, addcontent 等)
			  cleaned = cleaned.replace(/\s+(editdisable|addcontent|readonly|inherit|drop-list-cls|single-line-text-input-box-cls|date-selection-cls)/g, '');
			  
			  // 6. 清理不规范的样式属性 (如 text-indent:)
			  cleaned = cleaned.replace(/\s+text-indent:/g, '');
			  cleaned = cleaned.replace(/\s+text-/g, ' ');
			  // 8. 清理重复的空格
			  cleaned = cleaned.replace(/\s+/g, ' ');
			  return cleaned;
			},
			heighthtml(cont, ismatch) {
				this.cleanHtmlContent(cont)
				console.log(cont,'ddd')
				if (this.searchkeyword == '') {
					if (ismatch) {
						cont = this.matchPhoneNum(cont)
					}
					return cont;
				} else if (cont != undefined && cont != '') {
					// var reg = /\\|\/|\?|\@|\#|\￥|\&||\%|\？|\*|\"|\“|\”|\'|\‘|\’|\<|\>|\{|\}|\[|\]|\【|\】|\：|\:|\、|\^|\$|\!|\~|\`/g;
					// var key = this.searchkeyword.replace(reg, '').replace(/\，|\.|\s|\+/g, ',');
					var keyarr = this.searchkeyword.split(',');
					for (var i = 0; i < keyarr.length; i++) {
						// 如果关键词是数字或者英文，则不标红，否则会出现乱码
						if (commonjs.enOrNum(keyarr[i])) break;
						if (keyarr[i] != '') {
							var regss = new RegExp((`(${keyarr[i]})`), "gm");
							var color = this.color;
							var weight = this.weight ? 'bold' : 'normal';
							var replace = '<span style="color:' + color + ';font-weight: ' + weight +
								';">$1</span>';
							cont = cont.replace(regss, replace)
						}
					}

					if (ismatch) {
						cont = this.matchPhoneNum(cont);
					}
				}
				return cont;
			},
			matchPhoneNum(cont) {
				// if (!ismatch) {
				// 	return cont;
				// } else {
				if (cont != undefined && cont != '') {
					var regx = /(1[3|4|5|7|8][\d]{9}|0[\d]{2,3}-[\d]{7,8}|400[-]?[\d]{3}[-]?[\d]{4})/g;
					var phoneNums = cont.match(regx);
					if (phoneNums != null && phoneNums != undefined) {
						phoneNums = this.unique(phoneNums)
						for (var i = 0; i < phoneNums.length; i++) {
							var temp = phoneNums[i]
							// temp = "<a style='color:#3083EB' phone='" + temp +
							// 	"'>" + temp + "</a><view style='margin-left: 6px;line-height: 27px;'><image style='width: 22px;height: 22px;' src='/static/img/Details/dianhua.png' class=''></image><view>";
							temp = "<a style='color:#3083EB' href='" + temp +
								"'>" + temp +
								"</a><img style='margin-left: 6px;width: 22px;height: 22px;' src='/static/img/Details/dianhua.png'/>";
							if (this.isOldnews && !this.isAllowed && !this.detailData.isthisdqhy) {
								temp = '*';
							}
							var str = phoneNums[i];
							cont = cont.replace(new RegExp(str, "gm"), temp);
						}
					}
				}
				return cont;
				//}
			},
			unique(arr) {
				// 如果新数组的当前元素的索引值 == 该元素在原始数组中的第一个索引，则返回当前元素
				return arr.filter(function(item, index) {
					return arr.indexOf(item, 0) === index;
				});
			},
			CallPhone(num) {
				if (num != undefined && num != '') {
					uni.makePhoneCall({
						phoneNumber: num
					});
				}
			},
			//分享
			fenxiangClick() {
				if (!this.isLogin) {
					this.doLogin()
				} else {
					this.showShare = true
				}
			},
			closebzhy_pop() {
				this.noquanxian = false;
			},
			cancelfujian() {
				this.isfujianshow = false;
			},
			imgtap(e) {
				// console.log('imgtap', e);
			},
			linktap(e){
				console.log(e)
				let number = e.innerText
				if(e.style){
					uni.makePhoneCall({
						phoneNumber: number
					});
				}
				
			},
			// linkpress(e) {
			// 	try {
			// 		let url = e.href;
			// 		var regx = /(1[3|4|5|7|8][\d]{9}|0[\d]{2,3}-[\d]{7,8}|400[-]?[\d]{3}[-]?[\d]{4})/g;
			// 		if (url != undefined && url != '' && url != null && url != 'null') {
			// 			if (regx.test(url)) {
			// 				e.ignore;
			// 				this.CallPhone(url);
			// 			} else {
			// 				// #ifdef APP-PLUS
			// 				plus.runtime.openURL(url);
			// 				// #endif
			// 			}
			// 		} else {
			// 			//不跳转
			// 			e.ignore;
			// 		}
			// 	} catch (err) {
			// 		e.ignore;
			// 	}

			// },
			gotourl(type, url) {
				if (type == 'tab') {
					uni.switchTab({
						url: url
					})
				} else if (type == 'nav') {
					uni.navigateTo({
						url: url
					})
				} else {
					// 注：此种方式可以用nav来替代，即配置时配置nav，url配置成：/pages/index/webview/common-webview?weburl=，而非url
					uni.redirectTo({
						url: '/pages/index/webview/common-webview?weburl=' + encodeURIComponent(url)
					})
				}
			},
			goToPage(checklogin, type, url) {
				if (checklogin) {
					this.checkLogin();
					if (this.currUser.islogin) {
						this.gotourl(type, url)
					} else {
						url = encodeURIComponent(url);
						uni.navigateTo({
							url: '/pages/user/login/login1?type=' + type + '&fromurl=' +
								encodeURIComponent(url)
						})
					}
				} else {
					this.gotourl(type, url)
				}
			},
			// liulanqi() {
			// 	let url =
			// 		"/pages/index/webview/common-web?weburl=http://192.168.1.221:8066/web/zhaobiao/zbdetail.aspx?id=" +
			// 		this.detailData.id + "$$token=" + this.currUser.token;
			// 	this.goToPage(false, 'nav', url)
			// },
			// 新增复制标题
			copyText(value) {
				uni.setClipboardData({
					data: value,
					success() {
						uni.showToast({
							title: '已复制到剪贴板',
							icon: 'none',
							position: 'top'
						})
					}
				})
			},

			//跳转到企情页--只需要判断有没有信息权限-张家铭20250408
			toQiqing(id, dwtype, companyname, comcode, vcode) {
				if (this.baseConfig.isIOSshenhe) {
					return
				}
				if (!this.isLogin) {
					uni.navigateTo({
						url: '../user/login/login1'
					})
				} else if (this.isAllowed) {
					uni.navigateTo({
						url: '/pages/qiqing/index?id=' + id + '&type=' + dwtype +
							'&companyName=' + companyname + '&comcode=' + comcode + '&vcode=' + vcode +
							'&fromXinxi=1'
					})

				} else {
					this.shengjihuiyuan();
				}
			},
		}
	}
</script>

<style lang="scss">
	@import "@/static/css/index.scss";

	page {
		background-color: #f6f8f7;
		font-size: 14px;
		height: 100%;
	}

	.classdip,
	.disdip,
	.cidp,
	.ddpi,
	.ssie,
	.ppisd,
	.pidss,
	.hfds,
	.erdg,
	.fuioj,
	.grdhd,
	.dpdis,
	.isid,
	.dnxkig,
	.sekjg,
	.diowen {
		display: none;
	}

	.status-bar {
		// background-color: #fff;
		height: 50rpx;
		background-color: #1B18F7;
	}

	.text-ellipsis {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.uni-navbar__content_view {
		width: 36%;
	}

	.youxiang {
		padding: 0 10px;
		height: 50rpx;
		border: 1px solid #2e68e1;
		border-radius: 50rpx;
		text-align: center;
		line-height: 50rpx;
		color: #2e68e1;
		background-color: #fff;
		margin-left: 20rpx;
		font-size: 28rpx;
		display: flex;
		align-items: center;
		line-height: 50rpx;

		.youx-img {
			width: 35rpx;
			height: 27rpx;
			margin-right: 5px;
		}
	}

	.daigoubiaoshu {
		padding: 0 10px;
		height: 50rpx;
		background-color: #ee1a19;
		border-radius: 50rpx;
		text-align: center;
		line-height: 50rpx;
		color: #fff;
		font-size: 28rpx;
		display: flex;
		align-items: center;
		line-height: 50rpx;

		image {
			width: 32rpx;
			height: 29rpx;
			margin-right: 5px;
		}
	}

	.detatil-content {
		width: 100%;
		position: absolute;
		top: 200rpx;
		padding-bottom: 120rpx;

		.detail-title {
			font-size: 36rpx;
			line-height: 50rpx;
			// letter-spacing: 2rpx;
			background-color: #fff;
			padding: 20rpx 30rpx;
			font-weight: bold;
		}

		.detail-type {
			display: flex;
			background-color: #fff;
			padding: 0 30rpx 30rpx;
		}

		.detail-type-list {
			margin-right: 20rpx;
			color: #adadad;
			font-size: 24rpx;
			display: flex;
			border-radius: 4rpx;
			padding: 8rpx 10rpx;
			align-items: center;

			image {
				width: 32rpx;
				height: 30rpx;
				margin-right: 10rpx;
				vertical-align: text-bottom;
			}
		}

		.leibie {
			// background-color: #e5f5ff;
			border: 1px solid #106CFF;
		}

		.shijian {
			// background-color: #ffeeeb;
			border: 1px solid #DEDEDE;
		}

		.diqu {
			// background-color: #eef9f3;
			border: 1px solid #DEDEDE;
		}

		.company-detail {
			// margin: 15rpx 0rpx 0;
			// background-color: #fff;
			// padding: 50rpx 30rpx 2rpx;
			width: 96%;
			margin: 20rpx 2% 0;
			border-radius: 8rpx;
			background-color: #fff;
			z-index: 1001;
			// position: absolute;


			.company-cell {
				background-color: #fff;
				display: flex;
				// margin-bottom: 50rpx;
				margin: 20rpx 0;
				border: 1px solid #E9E9EB;
				padding: 20rpx 20rpx;
				width: 90%;
				margin: 0 2%;
				border-radius: 4rpx;
				margin-bottom: 20rpx;
				align-items: center;

				.company-tag {
					width: 80rpx;
					height: 80rpx;
					border-radius: 4rpx;
					font-size: 30rpx;
					text-align: center;
					line-height: 80rpx;
				}

				.company-tag-zb {
					background-color: #ef1a18;
				}

				.company-text {
					// width: 55%;
					width: 62%;
					margin-left: 20rpx;

					.company-name {
						color: #424242;
						font-size: 30rpx;
						font-weight: bold;
					}

					.tag-box {
						display: flex;
						margin-top: 10rpx;

						::v-deep .u-tag {
							height: 32rpx;
							line-height: 32rpx;
							margin-right: 12rpx !important;
						}

						::v-deep .u-tag__text {
							font-size: 22rpx;
						}
					}

					.company-wz {
						color: #b7b7b7;
						font-size: 28rpx;
					}
				}

				.company-gz {
					width: 100rpx;
					height: 52rpx;
					// border-radius: 50rpx;
					border-radius: 4rpx;
					background-color: #2e68e1;
					color: #fff;
					font-size: 24rpx;
					text-align: center;
					line-height: 52rpx;
					margin-left: 40rpx;
				}

				.company-gz-red {
					background-color: #ef1a18;
				}
			}

			.yezhuStyle {
				background-color: #E7F0FF !important;
				color: #2F7FFF !important;
			}

			.gongyingStyle {
				background-color: #FFEFEF !important;
				color: #FF6363 !important;
			}

			.dailiStyle {
				background-color: #E6FFEE !important;
				color: #04A93A !important;
			}
		}

		.zhengwen {
			position: relative;
			z-index: 1;
			display: flex;
			flex-direction: column;
			padding: 0 0 130rpx;
			background-color: #fff;
			width: 96%;
			margin: 0 2%;

			// /deep/ table {
			::v-deep table {
				width: 100%;
				border-collapse: collapse;

				th,
				td {
					border: 1px solid #000;
				}
			}


			.zhengwen-text {
				color: #2e2e2e;
				font-size: 32rpx;
				line-height: 50rpx;
				// overflow-x: scroll;
				// width: 100%;
				padding: 20rpx;

			}


			.zhengwen-text-more {
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				text-overflow: ellipsis;
				-webkit-text-overflow: ellipsis;
				line-clamp: 6;
				-webkit-line-clamp: 6;
			}

			.zhengwen-more {
				text-align: center;
				color: #5481e7;
				background-color: #fff;
				margin-top: 10px;
				position: absolute;
				bottom: 30rpx;
				left: 0;
				right: 0;

				.zhengwen_mask {
					position: absolute;
					left: 0;
					right: 0;
					top: -78px;
					height: 78px;
					background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);

				}

				.more-btn {
					text-align: center;
					font-size: 30rpx;

					image {
						width: 32rpx;
						height: 32rpx;
						vertical-align: text-bottom;
						margin-right: 5px;
					}
				}

			}
		}
	}

	.apply-fixed {
		position: fixed;
		z-index: 99;
		bottom: 160rpx;
		width: 90%;
		left: 5%;

		.guanggao-img {
			width: 100%;
			height: 131rpx;
		}

		.guanggao-close {
			width: 60rpx;
			height: 58rpx;
			position: absolute;
			right: -20rpx;
			top: -10rpx;
		}
	}

	.footer {
		position: fixed;
		bottom: 0px;
		z-index: 99;
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex: 1 1;
		background-color: #fff;
		padding: 30rpx 30rpx;
		box-sizing: border-box;
		width: 100%;


		.footer-input {
			padding: 20rpx 0rpx;
			background-color: #f6f6f6;
			border-radius: 20px;

			input {
				padding-left: 20rpx;
				font-size: 28rpx;
			}
		}

		.footer-label {
			display: flex;
			// flex-direction: row;
			// align-items: center;
			// justify-content: center;
			// flex: 1 1 0%;
			align-items: center;
			justify-content: center;
			flex: 1 1 0%;
		}

		.footer-icon {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			flex: 1 1 0%;

			image {
				width: 48rpx;
				height: 46rpx;
			}
		}

		.menuStyle {
			color: #666666;
			font-size: 24rpx;
			margin-top: 10rpx;
		}

		.mailBtn {
			padding: 30rpx 80rpx;
			background-color: #126BFF;
			font-size: 32rpx;
			color: #fff;
			border-radius: 4rpx;
		}

		.footer-collage {
			background: url(@/static/shoucang.png) no-repeat;
			background-size: 100% 100%;
			width: 36rpx;
			height: 35rpx;
			// height: 46rpx;
		}

		.footer-collaged {
			background: url(@/static/shoucang_on.png) no-repeat;
			background-size: 100% 100%;
			width: 36rpx;
			height: 35rpx;
			// height: 46rpx;
		}
	}

	.deatail-head {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 40rpx 30rpx 20rpx;
		// margin: 0 30rpx 0;
		// padding-top: 50rpx;
		// padding-bottom: 30rpx;
		background-color: #1B18F7;

		.detail-head-right {
			display: flex;
			flex-direction: row;
		}

		text {
			font-size: 36rpx;
			color: #fff;
			font-weight: bold;
		}
	}

	.head-fixed {
		position: fixed;
		top: 0;
		width: 100%;
		background-color: #FFFFFF;
		z-index: 1002;
	}

	.fujianPop {
		width: 80%;
		background-color: #fff;
		border-radius: 20rpx;
		overflow: hidden;

		.fujian-list {
			margin: 0 20rpx 20rpx;
			width: 90%;

			.fujian-list-box {}

			.fujian-list-item {

				line-height: 40rpx;
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: center;
				padding: 20rpx 0;

				.fujian-list-title {
					width: 75%;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					font-size: 32rpx;
				}

				.fujian-list-xiazai {
					color: #fff;
					background-color: #2F69E0;
					font-size: 26rpx;
					height: 50rpx;
					line-height: 50rpx;
					padding: 0 30rpx;
					border-radius: 6rpx;
				}

				.fujian-list-xiazaizhong {
					color: #2F69E0;
					background-color: #a8a8a8;
					font-size: 24rpx;
					height: 40rpx;
					padding: 0 15rpx;
					border-radius: 6rpx;
				}
			}
		}

	}


	.telIcon {
		display: none;
	}

	.huiyuan_close {
		margin: 20rpx auto;

		.close-img {
			width: 71rpx;
			height: 65rpx;
			margin: 0 auto;
			display: block;
		}
	}

	.diquhuiyuan {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		.huiyuan_pop1_content {
			display: flex;
			flex-direction: column;
			align-items: center;
			background-color: #fff;
			border-radius: 20rpx;
			width: 90%;
			padding: 20rpx 0;

			.huiyuan-img1 {
				width: 295rpx;
				height: 218rpx;
				margin-bottom: 20rpx;
			}

			.dangqiandiqu {
				font-size: 30rpx;
				margin: 0 40rpx;
			}

			.suoshudiqu {
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				margin: 20rpx 0;

				.diqu_icon {
					width: 59rpx;
					height: 68rpx;
				}

				.diqu_text {
					margin-left: 30rpx;

					.diqu_text1 {
						font-size: 30rpx;
					}

					.diqu_text2 {
						font-size: 24rpx;
						color: #a9a9a9;
					}
				}
			}

			.huiyuanfuwu_btn {
				height: 85rpx;
				background-image: linear-gradient(to bottom, #fdeb73, #febc2b);
				font-size: 34rpx;
				color: #b14f08;
				border-radius: 85rpx;
				line-height: 85rpx;
				width: 80%;
				text-align: center;
			}

			.huiyuan_tips {
				color: #f65441;
				font-size: 24rpx;
				margin-top: 20rpx;
			}
		}
	}

	.biaozhunhuiyuan {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		.huiyuan-pop2_content {
			width: 80%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			background-color: #ff7442;
			border-radius: 20rpx;

			.top1 {
				width: 100%;
				height: 57rpx;
				display: flex;
				flex-direction: column;
				align-items: center;
			}

			.top2 {
				width: 100%;
				height: 137rpx;
				background: url(/static/img/Details/biaozhunhuiyuantop.png) no-repeat;
				background-size: 100% 100%;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;

				.top2_wenben {
					font-size: 30rpx;
					color: #fff;
					padding-top: 66rpx;
				}
			}

			.huiyuantequan {
				width: 100%;
				background: url(/static/img/Details/biaozhunhuiyuan_06.png) no-repeat;
				background-size: 100% 100%;
				height: 309rpx;
				display: flex;
				flex-direction: column;
				padding: 0 40rpx;
				box-sizing: border-box;
				align-items: center;
				justify-content: center;

				.hytq_list {
					display: flex;
					flex-direction: row;
					align-items: center;
					font-size: 28rpx;
					margin: 30rpx 0;
					width: 100%;

					.list-ok {
						width: 40rpx;
						height: 30rpx;
						margin-right: 20rpx;
					}

					.hytq_list-title {
						display: flex;
						width: 90%;
					}
				}
			}

			.huiyuan-pop2_bottom {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;

				.bottom_tips {
					font-size: 24rpx;
					color: #fff;
				}

				.bottom_btn {
					width: 80%;
					height: 80rpx;
					line-height: 80rpx;
					border-radius: 50rpx;
					background-image: linear-gradient(to bottom, #fded76, #febd2c);
					color: #b14f08;
					text-align: center;
					font-size: 34rpx;
					margin: 20rpx 0 30rpx;
				}
			}
		}
	}

	.share {
		margin-left: 20rpx;
		height: 35rpx;
		width: 35rpx;

		.share-img {
			width: 35rpx;
			height: 35rpx;
		}
	}

	.advShow {
		display: none;
	}

	.baomingdizhi {
		font-size: 32rpx;
		color: #2F69E0;
		margin-top: 20rpx;

		image {
			margin-right: 8rpx;
			width: 20rpx;
		}
	}

	/* 提示窗口 */
	.uni-tip {
		/* #ifndef APP-NVUE */
		display: flex;
		flex-direction: column;
		/* #endif */
		padding: 15px;
		width: 300px;
		background-color: #fff;
		border-radius: 10px;
		margin: 0 auto;
	}

	.uni-tip-title {
		margin-bottom: 10px;
		text-align: center;
		font-weight: bold;
		font-size: 16px;
		color: #333;
	}

	.uni-tip-content {
		/* padding: 15px;
	*/
		font-size: 14px;
		color: #666;
	}

	.uni-tip-group-button {
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		margin-top: 20px;
	}

	.uni-tip-button {
		flex: 1;
		text-align: center;
		font-size: 14px;
		color: #3b4144;
	}

	.uni-tip-queren {
		color: #2F69E0;
	}

	.gonggao-title {
		background-color: #fff;
		padding: 30rpx 0rpx 010rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
		height: 35rpx;
		width: 96%;
		margin: 19rpx 2% 0;
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #E9E9EB;
		padding-bottom: 30rpx;

		.title-line {
			height: 35rpx;
			width: 8rpx;
			border-radius: 5rpx;
			background-color: #2f69e0;
		}

		.gonggao-title-wen {
			padding-left: 20rpx;
			font-size: 28rpx;
			font-weight: bold;
			color: #3B3E45;
		}

		.gonggao-title-download {
			padding: 10rpx 17rpx;
			border: 1px solid #2F6DFE;
			color: #2F6DFE;
			font-size: 26rpx;
			border-radius: 6rpx;
			margin-right: 20rpx;
		}
	}

	.qx-tips {
		position: fixed;
		z-index: 9999;
		top: 50%;
		background-color: #FF0000;
		font-size: 32rpx;
		width: 350rpx;
		padding: 20rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		text-align: center;
		border-top-right-radius: 20rpx;

	}

	.bzhy_pop {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		z-index: 99999;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		.pop_mask {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			width: 100%;
			background-color: rgba(0, 0, 0, 0.4);
		}

		.biaozhunhuiyuan {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;

			.huiyuan-pop2_content {}
		}
	}

	.daojishi {
		display: flex;
		border: 1px dashed #ff7777;
		border-radius: 10rpx;
		padding: 10rpx 0;
		align-items: center;
		justify-content: center;
		margin: 20rpx 0;
		color: #ff0018;
		font-size: 28rpx;

		.naozhong {
			width: 40rpx;
			height: 40rpx;
			margin-right: 10rpx;
		}
	}

	.fujian-top {
		background: url(/static/img/Details/fujian-top.png) no-repeat;
		height: 150rpx;
		background-size: 100% 100%;
		display: flex;
		align-items: center;
		color: #FFFFFF;
		font-size: 40rpx;
		justify-content: center;
		width: 100%;
	}

	.fujian-list-cell {
		border-bottom: 1px solid #f5f5f5;
		margin-bottom: 20rpx;
	}

	.fileDown-btn {
		height: 80rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: #9ca4af;
		color: #FFFFFF;
		font-size: 34rpx;
		border-radius: 90rpx;
		width: 90%;
		margin: 20rpx auto 0;
	}

	.fujianxiazai {
		position: fixed;
		left: 0;
		bottom: 0;
		top: 0;
		right: 0;
		width: 100%;
		z-index: 9999;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		background-color: rgba($color: #000000, $alpha: 0.4);

		.fujianPop {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			background-color: #FFFFFF;
		}

	}

	.youxiang-send {
		width: 90%;
		justify-content: center;
		margin-bottom: 10px;
		padding: 5px 0;
	}

	.fujian-box {
		background-color: #FFFFFF;
		padding: 0rpx 30rpx 30rpx;

		.fujian-cell-list {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			margin-top: 20rpx;

			.fujian-list-bd {
				display: flex;
				flex-direction: row;
				align-items: center;
				width: 75%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				font-size: 32rpx;

				.wenjian-icon {
					width: 50rpx;
					height: 50rpx;
					margin-right: 20rpx;
				}

				.fujian-list-name {
					width: 80%;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
			}

			.fujian-list-hd {
				height: 50rpx;
				// border: 1px solid #0070ff;
				color: #2F6DFE;
				display: flex;
				justify-content: center;
				align-items: center;
				padding: 0 40rpx;
				border-radius: 50rpx;
				box-sizing: border-box;
				font-size: 26rpx;
			}
		}
	}

	.guanbi-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 30rpx;

		.guanbi-img {
			width: 71rpx;
			height: 65rpx;
		}
	}

	.fujian-list-bz {
		font-size: 26rpx;
	}

	.detail_top {
		width: 96%;
		margin: 0 2%;
		border-radius: 8rpx;
	}

	.fujian_tips {
		font-size: 24rpx;
		color: #6C717E;
		margin-top: 18rpx;
		font-weight: 400;
	}

	.fujian {
		display: inline-block !important;
		background-color: #F1F3F6;
		padding: 0 10rpx !important;
		position: relative;
		// right: 20rpx;
		right: -10rpx;

		image {
			width: 19rpx !important;
			position: absolute;
			top: 16rpx;
		}

		text {
			font-size: 24rpx;
			font-weight: 400;
			margin-left: 24rpx;
		}
	}

	.baoming {
		background-color: #FE4445;
		width: 96%;
		margin: 20rpx 2% 0;
		border-radius: 4rpx;

		.baoming_time {
			text-align: center;
			padding: 16rpx 30rpx;
			font-size: 26rpx;
			color: #fff;
		}

		text {
			background-color: #fff;
			border-radius: 4rpx;
			width: 46rpx;
			height: 36rpx;
			line-height: 36rpx;
			display: inline-block;
			color: #FE4445;
		}
	}

	.baoming2 {
		background-color: #FE4445;
		width: 96%;
		margin: 20rpx 2% 0;
		border-radius: 4rpx;

		.baoming_time2 {
			text-align: center;
			padding: 16rpx 30rpx;
			font-size: 26rpx;
			color: #fff;
		}

		text {
			background-color: #fff;
			border-radius: 4rpx;
			padding: 6rpx 8rpx;
			display: inline-block;
			color: #FE4445;
		}
	}

	.zbjinzhan {
		width: 96%;
		margin: 20rpx 2% 0;
		background-color: #fff;

		.jinzhan-line {
			border-bottom: 1px solid #E9E9EB;
			padding-bottom: 37rpx;
			width: 96%;
			margin: 0 2%;
		}

		.jinzhan-title {
			color: #3B3E45;
			font-size: 28rpx;
			font-weight: bold;
			display: block;
			padding-top: 30rpx;
			margin-left: 20rpx;
		}

		.zbListInfo {
			display: flex;
			position: relative;
			margin-left: 3%;
			margin-top: 27rpx;
			align-items: center;
			flex-wrap: wrap;

			.jinzhan-time {
				font-size: 28rpx;
				color: #3B3E45;
			}

			.jinzhan-type {
				// background-color: #9B79F6;
				padding: 10rpx 15rpx;
				color: #fff;
				font-size: 24rpx;
				border-radius: 6rpx;
				margin: 0 20rpx;
			}

			.jinzhan-gonggao {
				padding: 10rpx 15rpx;
				color: #2F6DFE;
				border: 1px solid #2F6DFE;
				border-radius: 6rpx;
				font-size: 24rpx;
			}

			.icon-circle {
				width: 26rpx;
				height: 26rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				position: absolute;
				z-index: index;
				left: -34rpx;
				top: 7px;
				background-color: #fff;
			}
		}

		.unfold {
			color: #393A3E;
			font-size: 24rpx;
			font-weight: bold;
			margin: 30rpx 70rpx;
			padding-bottom: 25rpx;
			position: relative;

			image {
				width: 28rpx;
				position: absolute;
				top: 2rpx;
				left: 104rpx;
			}
		}

		.jinzhan-content {
			width: 80%;
			background-color: #f2f4f7;
			margin-top: 20rpx;
			padding: 30rpx;
		}
	}

	.tuijian-xm {
		width: 96%;
		margin-top: 48rpx;
		margin: 48rpx 2% 60rpx;

		.xm-title {
			color: #2F6DFE;
			font-size: 28rpx;
			font-weight: bold;
			margin-left: 12rpx;
		}

		.tuijianInfo {
			margin-top: 23rpx;
			padding: 25rpx 20rpx;
			background-color: #fff;

			.content {
				font-size: 32rpx;
				color: #333333;
				font-weight: bold;
				line-height: 44rpx;
				// display: flex;
				// display: -webkit-box;
				// -webkit-box-orient: vertical;
				// -webkit-line-clamp: 2;
				// /* 限制为两行 */
				// overflow: hidden;
				// /* 超出部分隐藏 */
				// text-overflow: ellipsis;
				// /* 超出部分显示省略号 */
				// max-height: 88rpx;
				// /* 两行文本的高度 */

				.list-fujian {
					// position: absolute;
					background-color: #F1F3F6;
					display: inline-block;
					margin-left: 10rpx;
					padding: 0 12rpx;
					border-radius: 8rpx;
					color: #6C717E;
					font-size: 24rpx;
					right: 40rpx;

					image {
						width: 19rpx;
						margin-right: 10rpx;
						vertical-align: text-bottom;
						position: relative;
						top: -5rpx;
					}

					text {
						// margin-left: 24rpx;
					}
				}
			}

			.gongying {
				font-size: 26rpx;
				color: #6C717E;
				margin: 20rpx 0;
				display: flex;
				align-items: center;
				/* 保持子元素垂直居中 */

				.lianxiren {
					color: #FE6B2F;
					font-size: 24rpx;
					border: 1px solid #FFF1EB;
					border-radius: 4rpx;
					background-color: #FFF1EB;
					// padding: 4rpx 14rpx;
					margin-left: 30rpx;
					// width: 100rpx;
					height: 40rpx;
					text-align: center;
					line-height: 40rpx;
					padding: 0 10rpx;
				}

				.yezhu {
					max-width: 500rpx;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}

			.jiezhi-time {
				color: #F34C4C;
				font-size: 26rpx;
				margin-bottom: 20rpx;
				margin-top: 20rpx;
			}

			.lianxifangshi {
				color: #6C717E;
				font-size: 26rpx;
				margin-bottom: 20rpx;
			}

			.xmInfo {
				color: #6C717E;
				font-size: 26rpx;
				margin-bottom: 20rpx;
			}

			.list-bottom {
				display: flex;
				margin-top: 20rpx;
				justify-content: space-between;
				align-items: center;

				.list-type {
					padding: 10rpx 15rpx;
					border: 1px solid #106CFF;
					font-size: 22rpx;
					border-radius: 4rpx;
					color: #106CFF;
				}

				.list-diqu {
					border: 1px solid #DEDEDE;
					padding: 10rpx 15rpx;
					font-size: 22rpx;
					border-radius: 4rpx;
					color: #6C717E;
					margin-left: 20rpx;
				}

				.jine {
					border: 1px solid #DEDEDE;
					padding: 10rpx 15rpx;
					font-size: 22rpx;
					border-radius: 4rpx;
					color: #6C717E;
					margin-left: 20rpx;
				}
			}
		}
	}

	.jiucuoInfo {
		border-radius: 20rpx 20rpx 0rpx 0rpx;
		background-color: #fff;
		padding: 40rpx 0 0 0;

		.active {
			color: #0643ff !important;
			background: rgba(47, 109, 254, 0.06) !important;
		}

		.jiucuo-title {
			font-size: 28rpx;
			color: #3B3E45;
			font-weight: bold;
			margin-left: 30rpx;
		}

		.jiucuo-menu {
			margin-left: 30rpx;
			display: flex;
			flex-wrap: wrap;

			view {
				width: 220rpx;
				height: 58rpx;
				line-height: 58rpx;
				background-color: #f6f8fa;
				text-align: center;
				margin-right: 20rpx;
				margin-top: 20rpx;
				color: #3B3E45;
				font-size: 24rpx;
			}
		}

		.import-content {
			margin-left: 30rpx;
			margin-top: 37rpx;

			textarea {
				padding: 40rpx 24rpx;
				font-size: 28rpx;
				height: 200rpx;
			}
		}

		.footerBtn {
			display: flex;
			justify-content: space-between;
			border-top: 1px solid #eeeeee;
			padding: 20rpx 28rpx;

			.cancelBtn {
				height: 98rpx;

				::v-deep.u-button--info {
					color: #323233;
					background-color: #fff;
					border-color: #fff;
					border-width: 1px;
					border-style: solid;
					border-radius: 10rpx;
					height: 98rpx;

					text {
						color: #6c717e;
						font-size: 32rpx;
					}
				}
			}

			.quedingBtn {
				width: 562rpx;

				::v-deep.u-button--info {
					color: #323233;
					border-color: #ebedf0;
					border-width: 1px;
					border-style: solid;
					background: linear-gradient(90deg, #1f91ff 0%, #1d11fb 100%);
					border-radius: 10rpx;
					height: 98rpx;

					text {
						color: #fff;
						font-size: 32rpx;
					}
				}
			}
		}
	}

	.lxrBox {
		border-radius: 20rpx 20rpx 0rpx 0rpx;
		background-color: #fff;

		.phone-title {
			font-size: 36rpx;
			color: #3B3E45;
			text-align: center;
			padding: 20rpx 0 50rpx 0;
			font-weight: bold;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-left: 268rpx;

			text {
				font-size: 26rpx;
				color: #2F7FFF;
				font-weight: bold;
				margin-right: 25rpx;
			}
		}

		.lxrInfo {
			display: flex;
			align-items: center;
			padding-top: 40rpx;
			width: 90%;
			margin: 0 5%;
			border-bottom: 1px solid #E8E9EB;
			;
			padding-bottom: 50rpx;

			.lxr-card {
				width: 110rpx;
				height: 110rpx;
				font-size: 52rpx;
				text-align: center;
				line-height: 110rpx;
				border-radius: 50%;
				background-color: rgba(254, 107, 47, 0.4);
				color: #FA654D;
			}

			.lxr-card2 {
				width: 110rpx;
				height: 110rpx;
				font-size: 52rpx;
				text-align: center;
				line-height: 110rpx;
				border-radius: 50%;
				background-color: #E9F0FF;
				color: #2F6DFE;
			}

			.lxr-card3 {
				width: 110rpx;
				height: 110rpx;
				font-size: 52rpx;
				text-align: center;
				line-height: 110rpx;
				border-radius: 50%;
				background-color: #FFF2EA;
				color: #F6884B;
			}

			.lxr-main {
				margin-left: 20rpx;

				.lxr-name {
					font-size: 32rpx;
					color: #333333;
					font-weight: bold;
				}

				.lxr-phone {
					font-size: 32rpx;
					color: #606266;
					font-weight: bold;
					margin-top: 20rpx;
				}
			}

			.phoneIcon {
				position: absolute;
				right: 50rpx;

				image {
					width: 46rpx;
				}
			}
		}
	}

	.mail-box {
		width: 600rpx;
		position: relative;
		margin: 0 auto;
	}

	.mail-top {
		padding: 84rpx 40rpx;
		background: url('../../static/fsdyx-bg.png')center no-repeat;
		background-size: 100% 100%;
	}

	.title {
		font-size: 36rpx;
		font-weight: bold;
		color: #3B3E45;
		text-align: center;
	}

	.desc {
		margin-top: 19rpx;
		font-size: 24rpx;
		color: #6C717E;
		text-align: center;
	}

	.mail {
		display: flex;
		align-items: center;
		padding: 28rpx 40rpx;
		margin-top: 40rpx;
		line-height: 40rpx;
		background: #fff;
		border-radius: 10rpx;

		text {
			padding-right: 24rpx;
			margin-right: 22rpx;
			border-right: 1rpx solid #D8D8D8;
		}
	}

	.mail-bottom {
		padding: 48rpx 40rpx 30rpx;
		background-color: #fff;
		border-radius: 0px 0px 4px 4px;

		.tijiao-btn {
			width: 520rpx;
			height: 98rpx;
			line-height: 98rpx;
			margin-bottom: 30rpx;
			font-size: 32rpx;
			color: #2F6DFE;
			text-align: center;
			border-radius: 10rpx;
			border: 2rpx solid #2F6DFE;
		}

		.tijiao-tip {
			font-size: 22rpx;
			color: #ADB4C2;
			line-height: 30rpx;
			text-align: justify;

			.yx-tips {
				color: #FE2B2B;
				margin-bottom: 4rpx;
			}

			.yx-text {
				color: #ADB4C2;
			}
		}
	}

	.close-btn {
		position: absolute;
		right: -40rpx;
		top: -50rpx;

		image {
			width: 36rpx;
		}
	}

	.bg-tag {
		background-color: #D1D1D1 !important;
	}

	.xiazai_pdf {
		width: 42rpx;
		height: 40rpx;
		color: #fff;
		font-size: 20rpx;
		line-height: 40rpx;
		text-align: center;
		background-color: #E04A41;
		border-radius: 4rpx;
		margin-right: 16rpx;
	}

	.xiazai_doc {
		width: 42rpx;
		height: 40rpx;
		color: #fff;
		font-size: 20rpx;
		line-height: 40rpx;
		text-align: center;
		background-color: #6098FF;
		border-radius: 4rpx;
		margin-right: 16rpx;
	}

	.xiazai_xls {
		width: 42rpx;
		height: 40rpx;
		color: #fff;
		font-size: 20rpx;
		line-height: 40rpx;
		text-align: center;
		background-color: #2AAF3B;
		border-radius: 4rpx;
		margin-right: 16rpx;
	}

	.xiazai_zip {
		width: 42rpx;
		height: 40rpx;
		color: #fff;
		font-size: 20rpx;
		line-height: 40rpx;
		text-align: center;
		background-color: #fda747;
		border-radius: 4rpx;
		margin-right: 16rpx;
	}

	.xiazai_qita {
		width: 42rpx;
		height: 40rpx;
		color: #fff;
		font-size: 20rpx;
		line-height: 40rpx;
		text-align: center;
		background-color: #a590ff;
		border-radius: 4rpx;
		margin-right: 16rpx;
	}

	.noquanxian {
		width: 387rpx;
		height: 50rpx;
		border-radius: 4rpx;
		font-size: 26rpx;
		line-height: 50rpx;
		text-align: center;
		background-color: #FE4445;
		color: #fff;
		margin: 0 auto;
	}

	.footer-container {
		position: relative;
		bottom: 0;
		width: 100%;
	}

	.kaitonghuiyuan {
		// width: 100%;
		// height: 80rpx;
		// position: fixed;
		// bottom: 100rpx;
		// background-color: #F9E6C5;
		// border-radius: 12rpx 12rpx 0rpx 0rpx;
		// color: #623515;
		// line-height: 80rpx;
		// font-size: 26rpx;
		// text-align: center;
		// z-index: 99;
		position: absolute;
		top: -76rpx;
		left: 0;
		width: 100%;
		height: 80rpx;
		background-color: #F9E6C5;
		border-radius: 12rpx 12rpx 0rpx 0rpx;
		color: #623515;
		line-height: 80rpx;
		font-size: 26rpx;
		text-align: center;
		z-index: 100;

		text {
			padding: 8rpx 28rpx;
			background-color: #704525;
			color: #F9E6C5;
			font-size: 26rpx;
			border-radius: 22rpx;
			margin-left: 50rpx;
		}
	}

	.null_tel {
		image {
			width: 210rpx;
			display: block;
			margin: 0 auto;
			padding-top: 120rpx;
			padding-bottom: 30rpx;
		}

		text {
			color: #606266;
			font-size: 24rpx;
			text-align: center;
			display: block;
			padding-bottom: 120rpx;
		}
	}

	/* 遮罩层样式 */
	.mask {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 1000;
	}

	/* 高亮显示样式 */
	.highlight {
		background-color: #fff;
		z-index: 1001;
		position: absolute;
	}

	.guideTips {
		background-color: rgba(0, 0, 0, 0.5);

		.guide_line {
			// position: relative;
			position: absolute;
			// margin-left: 100rpx;
			left: 116rpx;

			image {
				height: 246rpx;
			}
		}
	}

	.guideInfo {
		width: 438rpx;
		height: 170rpx;
		border-radius: 12rpx;
		background-color: #fff;
		margin-left: 2%;
		position: absolute;
		top: 252rpx;

		.guide_top {
			color: #333333;
			font-size: 26rpx;
			font-weight: bold;
			padding-top: 24rpx;
			margin-left: 23rpx;
		}

		.guide_middle {
			color: #4D4D4D;
			font-size: 24rpx;
			padding-top: 15rpx;
			margin-left: 23rpx;
		}

		.guide_bottom {
			color: #4D4D4D;
			font-size: 24rpx;
			padding-top: 12rpx;
			margin-left: 23rpx;
			position: relative;

			.confirmBtn {
				width: 120rpx;
				height: 46rpx;
				background-color: #2F6DFE;
				position: absolute;
				color: #fff;
				line-height: 46rpx;
				text-align: center;
				font-size: 24rpx;
				border-radius: 12rpx;
				top: 0;
				right: 0;
				margin-right: 20rpx;
			}
		}
	}

	// .content-title {
	// 	width: 94%;
	// }
	::v-deep .page-scroll .uni-scroll-view {
		overflow: inherit !important;
	}
</style>